Vue 3 + モジュール フェデレーション: モジュール型 Vue 3 アプリケーションの実装

Question

<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>

Answer 1

問題を発見しました。これは webpack-dev-server v4 の bug です。 v3 にダウングレードしましたが、すべて正常に動作しています。