Vue 3 + Module Federation: Implementierung modularer Vue 3-Anwendungen

Question

Ich versuche, ein einfaches Micro-Frontend-Beispiel mit Vue3 und Module Federation zu erstellen, stoße jedoch auf Konfliktprobleme.

Ich habe den Code hier: https://github.com/ghalex/mf-example

Es gibt nur zwei Mikro-Frontends:

• Container (Vue3)
• Autorisierung (Vue3)

Mein Problem ist, dass wenn ich die App.vue-Komponente importiere:

// index.js – im Container
App aus „./components/App.vue“ importieren

// indexAuth.js – in auth
App aus „./components/App.vue“ importieren

Beim Laden des Moduls in den Container im Modul auth wurde die App.vue-Komponente überschrieben.

Fehlen mir irgendwelche Webpack-Einstellungen, um sicherzustellen, dass jede Komponente einzeln geladen wird?

Answer 1

我找到了问题，它是一个webpack-dev-server v4的bug。我降级到了v3，一切都正常工作。