Vue 3 – Warnung „Komponente konnte nicht aufgelöst werden“.

Question

Beim Versuch, eine Komponente aus meiner index.js-Datei zu importieren, ist diese Warnung aufgetreten.

Dies ist mein Komponentenordner:

components/
|-- index.js
|-- ComponentA.vue
|-- ComponentB.vue
|-- ComponentC.vue

und index.js:

import ComponentA from './ComponentA';
importiere ComponentB aus './ComponentB';
ComponentC aus './ComponentC' importieren;

export { ComponentA, ComponentB, ComponentC };

Wenn ich dies in einer beliebigen Komponente (B oder C) versuche

<script>
import { ComponentA } from './';

console.log(ComponentA); // undefiniert

Standard exportieren {
    Komponenten: {KomponenteA}
}
</script>

Ich erhalte eine Warnung in der Konsole. Wie kann ich das beheben? Was mache ich hier falsch?

Diese Methode funktioniert übrigens:

KomponenteA aus './KomponenteA' importieren;

Aber ich möchte diese Methode nicht verwenden, da ich viele Komponenten im Ordner components

habe.

Answer 1

你应该将导入语句写成如下形式：

<script>
import { ComponentA } from './components';

export default {
    components: { ComponentA }
}
</script>