Vue 3 + モジュール フェデレーション: モジュール型 Vue 3 アプリケーションの実装
<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>
