Vue 3 + Module Federation: Implementierung modularer Vue 3-Anwendungen
P粉448346289
P粉448346289 2023-08-26 21:46:40
0
1
674
<p>Ich versuche, ein einfaches Micro-Frontend-Beispiel mit Vue3 und Module Federation zu erstellen, stoße jedoch auf Konfliktprobleme. </p> <p>Ich habe den Code hier: https://github.com/ghalex/mf-example</p> <p>Es gibt nur zwei Mikro-Frontends: </p> <ul> <li>Container (Vue3)</li> <li>Autorisierung (Vue3)</li> </ul> <p>Mein Problem ist, dass wenn ich die App.vue-Komponente importiere: </p> <pre class="brush:js;toolbar:false;">// index.js – im Container App aus „./components/App.vue“ importieren </pre> <pre class="brush:js;toolbar:false;">// indexAuth.js – in auth App aus „./components/App.vue“ importieren </pre> <p>Beim Laden des Moduls in den Container im Modul <strong>auth</strong> wurde die App.vue-Komponente überschrieben. </p> <p>Fehlen mir irgendwelche Webpack-Einstellungen, um sicherzustellen, dass jede Komponente einzeln geladen wird? </p>
P粉448346289
P粉448346289

Antworte allen(1)
P粉476046165

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage