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
使用嵌套目录需要将目录名称添加到组件上:
通过这种行为,您可以简化组件命名的复杂性:
这样我们就可以像这样使用
在此处的文档中阅读更多内容:https://v3. nuxtjs.org/guide/directory-struct/components#component-names