問題タブ [webpack-module-federation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
407 参照

webpack - webpack モジュール フェデレーション + vuejs 動的インポート()

ルート名に応じて、いくつかのコンポーネントを動的に呼び出そうとしています。私のコンポーネントはリモートモジュールフェデレーションから来ているので、それを定義する他の方法がない限り、その構造を維持する必要があります: import('module/Module') 。

ここに私のwebpack設定があります

したがって、ルートが localhost:8080/app/test の場合、test または test2 をロードしたいと思います

名前を動的に書き換えて import() 内で使用しようとしましたが、機能しません。

次のエラーが表示されます: Uncaught (in promise) エラー: モジュール 'test/Test' が見つかりません

(モジュール名は正しいですが...)

これは機能します:

インポートでは動的な名前を使用できないようです。この問題を回避する方法はありますか? 後で公開モジュールの動的リストも使用したいので、名前をハードコーディングしたくありません。