组件在带有模块的NUXT 3中自动导入

Question

我想与nuxt一起使用模块（因此不是默认结构目录），类似的东西：

我不知道如何配置nuxt或我的模块以自动导入组件嵌套文件夹，例如card文件夹。例如，planchoicecard.vue组件是自动导入的，但不是nestedcomponent.vue

这是我的nuxt.config.js：

import { defineNuxtConfig } from "nuxt";

export default defineNuxtConfig({
  ssr: true,
  ignore: ["node_modules/**/*"],
  plugins: ["~/plugins/vue-i18n.client.ts"],
  runtimeConfig: {
    public: {
      myapp: {
        version: "1.7.8.2",
      },
    },
  },
  modules: ["./modules/Plans"],
  build: {
    postcss: {
      postcssOptions: {
        plugins: {
          tailwindcss: {},
          autoprefixer: {},
        },
      },
    },
  },
  css: ["~/assets/css/tailwind.css"],
});

和配置的配置 ： 计划模块：

import path from "path";
import { defineNuxtModule } from "@nuxt/kit";

export default defineNuxtModule({
  // Default configuration options for your module
  defaults: {},
  hooks: {
    // ROUTES
    "pages:extend"(pages) {
      pages.push({
        name: "user",
        path: "/",
        file: path.resolve(__dirname, "./views/PlanChoices.vue"),
      });
    },

    // COMPONENTS
    "components:dirs"(dirs) {
      // Add ./components dir to the list
      dirs.push({
        path: path.resolve(__dirname, "./components"),
      });
    },

    // COMPOSABLES
    // "autoImports:dirs"(dirs) {
    //  dirs.push(path.resolve(__dirname, "./composables"));
    // },
  },
  async setup(moduleOptions, nuxt) {
    // -- Add your module logic here --
  },
});

Answer 1

答案是使与nuxt.config.ts中的相同：

from /a/66336654/10805872

so：so：

    // COMPONENTS
    "components:dirs"(dirs) {
      // Add ./components dir to the list
      dirs.push({
        path: path.resolve(__dirname, "./components"),
      });
    },

so： ste：

    // COMPONENTS
    "components:dirs"(dirs) {
      // Add ./components dir to the list
      dirs.push({
        path: path.resolve(__dirname, "./components"), pathPrefix: false
      });
    },

使用前缀，您必须使用它，例如模块/user/user/localeswitcher.vue，as ＆code>＆lt; user -locale-switcher/＆gt;

没有前缀so pathprefix：false，您可以直接使用＆lt; locale-switcher/＆gt;