Vue 3 + Module Federation: Implementierung modularer Vue 3-Anwendungen
P粉448346289
2023-08-26 21:46:40
<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>
我找到了问题,它是一个
webpack-dev-server
v4的bug。我降级到了v3,一切都正常工作。