Vue 3 - Avertissement "Impossible de résoudre le composant"

Question

J'ai rencontré cet avertissement en essayant d'importer un composant à partir de mon fichier index.js.

Voici mon dossier de composants :

components/
|-- index.js
|-- ComposantA.vue
|-- ComposantB.vue
|-- ComponentC.vue

et index.js :

importer ComponentA depuis './ComponentA';
importer le composant B depuis './ComponentB' ;
importer ComponentC depuis './ComponentC' ;

export { ComposantA, ComposantB, ComposantC };

Lorsque j'essaie ceci dans n'importe quel composant (B ou C)

<script>
importer { ComponentA } depuis './' ;

console.log(ComponentA); // non défini

exporter par défaut {
    composants : {ComponentA}
}
</script>

Je reçois un avertissement dans la console, comment puis-je y remédier ? Qu'est-ce que je fais de mal ici ?

Au fait, cette méthode fonctionne :

importer ComponentA depuis './ComponentA';

Mais je ne souhaite pas utiliser cette méthode car j'ai de nombreux composants dans le dossier components

Answer 1

Vous devez rédiger la déclaration d'importation comme suit :

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

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