Блог

Я пытаюсь создать простой пример микро-интерфейса, используя Vue3 и федерацию модулей, но у меня возникла проблема с столкновением.

У меня есть код здесь: https://github.com/ghalex/mf-example

Есть только два mf:

• контейнер (Vue3)
• auth (Vue3)

Проблема, с которой я сталкиваюсь, заключается в том, что при импорте компонента App.vue:

 // index.js - in container
import App from './components/App.vue'
 

 // indexAuth.js - in auth
import App from './components/App.vue'
 

в модуле аутентификации и загрузите модуль в контейнер, компонент App.vue будет перезаписан.

Есть ли какие-либо настройки веб-пакета, которые я пропускаю, чтобы убедиться, что каждый компонент загружен отдельно ?

Я нашел проблему, это webpack-dev-server ошибка v4. Я понизил рейтинг до v3, и все работает нормально.