Vue 3 + Fédération de modules : implémentation d'applications Vue 3 modulaires

Question

J'essaie de créer un exemple simple de micro-frontend en utilisant Vue3 et Module Federation, mais je rencontre des problèmes de conflit.

J'ai le code ici : https://github.com/ghalex/mf-example

Il n'existe que deux micro-interfaces :

• Conteneur (Vue3)
• Autorisation (Vue3)

Mon problème est que lorsque j'importe le composant App.vue :

// index.js - dans le conteneur
importer l'application depuis './components/App.vue'
≪/pré>
// indexAuth.js - dans auth
importer l'application depuis './components/App.vue'
≪/pré>
Lors du chargement du module dans le conteneur dans le module auth, le composant App.vue a été écrasé. 
Y a-t-il des paramètres Webpack qui me manquent pour garantir que chaque composant est chargé individuellement ? 
            

Answer 1

J'ai trouvé le problème, c'est un webpack-dev-serverbug pour la v4. Je suis passé à la v3 et tout fonctionne bien.