Verwendung von Vites Nested Directory Nuxt 3

Question

Ich möchte die verschachtelten Verzeichnisse von Vite in Nuxt 3 Beta verwenden.

In Nuxt 2 habe ich diese Konfiguration in (nuxt.config.js) verwendet und sie funktioniert:

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

Ich habe diese Verzeichnisorganisation:

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

Aber wenn ich versuche, <HeroSection/> 放入 pages/index.vue hinzuzufügen, erhalte ich diese Fehlermeldung.

[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

Funktioniert es in Nuxt 3 nicht mehr und erfordert eine zusätzliche Konfiguration? Weil ich in der Dokumentation nichts dazu finden kann

Danke<3

Answer 1

使用嵌套目录需要将目录名称添加到组件上：

通过这种行为，您可以简化组件命名的复杂性：

- components
    Header.vue
    Footer.vue
  - Sections
      Hero.vue

这样我们就可以像这样使用

在此处的文档中阅读更多内容：https://v3. nuxtjs.org/guide/directory-struct/components#component-names