<p>J'ai rencontré cet avertissement en essayant d'importer un composant à partir de mon fichier index.js. </p> <p>Voici mon dossier de composants : </p> <pre class="brush:php;toolbar:false;">components/ |-- index.js |-- ComposantA.vue |-- ComposantB.vue |-- ComponentC.vue</pre> <p> et index.js : </p> <pre class="brush:php;toolbar:false;">importer ComponentA depuis './ComponentA'; importer le composant B depuis './ComponentB' ; importer ComponentC depuis './ComponentC' ; export { ComposantA, ComposantB, ComposantC };</pre> <p>Lorsque j'essaie ceci dans n'importe quel composant (B ou C)</p> <pre class="brush:php;toolbar:false;"><script> importer { ComponentA } depuis './' ; console.log(ComponentA); // non défini exporter par défaut { composants : {ComponentA} } </script></pre> <p>Je reçois un avertissement dans la console, comment puis-je y remédier ? Qu'est-ce que je fais de mal ici ? </p> <p>Au fait, cette méthode fonctionne :</p> <pre class="brush:php;toolbar:false;">importer ComponentA depuis './ComponentA';</pre> <p>Mais je ne souhaite pas utiliser cette méthode car j'ai de nombreux composants dans le dossier <code>components</code>

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

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