<p>Vue3 とモジュール フェデレーションを使用して単純なマイクロ フロントエンドのサンプルを構築しようとしていますが、競合の問題が発生しています。 </p>
<p>ここにコードがあります:
https://github.com/ghalex/mf-example</p>
<p>マイクロ フロントエンドは 2 つだけです: </p>
<li>コンテナ (Vue3)</li>
<li>認可 (Vue3)</li>
</ul>
<p>私の問題は、App.vue コンポーネントをインポートするときです: </p>
<pre class="brush:js;toolbar:false;">//index.js - コンテナ内
「./components/App.vue」からアプリをインポート
</pre>
<pre class="brush:js;toolbar:false;">//indexAuth.js - 認証内
「./components/App.vue」からアプリをインポート
</pre>
<p><strong>auth</strong> モジュールのコンテナにモジュールをロードすると、App.vue コンポーネントが上書きされました。 </p>
<p>各コンポーネントを個別にロードするために不足している Webpack 設定はありますか? </p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
問題を発見しました。これは
webpack-dev-serverv4 の bug です。 v3 にダウングレードしましたが、すべて正常に動作しています。