Verwendung von Vites Nested Directory Nuxt 3
P粉364642019
P粉364642019 2024-02-17 11:10:23
0
1
413

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

P粉364642019
P粉364642019

Antworte allen(1)
P粉652495194

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


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

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

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


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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage