javascript - 嵌套目录 nuxt 3 + Vite

Question

我想在 nuxt 3 beta 中使用嵌套目录和 vite。

在 Nuxt 2 中，我在 (nuxt.config.js) 中使用了这个配置，它可以工作：

components: [
{
  path: '~/components', // will get any components nested in let's say /components/test too
  pathPrefix: false,
},],

我有这个目录组织：

| components
 - Header.vue
 - Footer.vue
 | sections
  - HeroSection.vue

但是当我尝试放入时出现此<HeroSection/>错误pages/index.vue。

[Vue warn]: Failed to resolve component: HeroSection
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Invalid value used as weak map key

它不再在 nuxt 3 中工作并且还有其他配置要做吗？因为我在文档上一无所获

谢谢 <3

Answer 1

我在文档上找到了这个：

import { join } from 'pathe'
import { defineNuxtModule } from '@nuxt/kit'

export default defineNuxtModule({
  hooks: {
    'components:dirs'(dirs) {
      // Add ./components dir to the list
      dirs.push({
        path: join(__dirname, 'components'),
        prefix: 'awesome'
      })
    }
  }
})

https://v3.nuxtjs.org/docs/directory-structure/components/

但它不适用于此配置：

hooks: {
    'components:dirs'(dirs) {
      // Add ./components dir to the list
      dirs.push({
        path: join(__dirname, 'components/sections'),
        prefix: false
      })
    }
  }