問題タブ [webpack-5]

Webpack 4 と 5 の両方をサポートするために維持しているプラ​​グインをアップグレードしているときに、次のレンガの壁に遭遇しました。情報がまったく見つからず、Gitterの誰も助けてくれないようです。

プラグインは、問題なく動作するアセット (SVG スプライトマップ) を追加しcompilation.assetsます。プラグインには、他のプラグインとの相互運用性に必要な作成されたチャンクをユーザーが保持できる機能があります。Webpack 4 の最小限の作業コードは、次のようなものです (そして、私にはいつも少しハッキリしているように感じましたが、うまくいきました ‍♂️):

Webpack 5 で同じアプローチを使用すると、次のエラーがスローされます。

Chunk.addModuleまた、代わりに使用して修正できる廃止予定の警告も表示されますcompilation.chunkGraph.connectChunkAndModule(chunk, module);が、これは (明らかに) コード生成エントリ エラーを取り除きません。

Angular 11 と Webpack 5 を使用して新しいプロジェクトに取り組んでいます。Angular CLI を使用する Manfred Steyer のモジュール フェデレーション プラグイン サンプルリポジトリに基づいて作業しています。2 つのアプリ間で共有ローカル Angular ライブラリからシングルトン サービスを共有する方法がわかりません。

私のセットアップを説明するために最善を尽くします..これがどれくらい長くなるかについて本当に申し訳ありません.

簡素化されたファイル構造

角度

両方の app.component.ts ファイルは同一です

global.service.ts

ウェブパック

shell/webpack.config.ts

mfe1/webpack.config.ts

共有ライブラリ package.json

この構成はコンパイルおよび実行されますがmfe1、新しいGlobalService. アプリの読み込み時に「構築された SharedService」が記録され、リモート モジュールが読み込まれるとすぐに記録されます。ScriptedAlchemy による別の例に従おうとしましたが、それを機能させる方法がわかりません。コンパイルして実行し、2 つのインスタンスを作成するか、構成をどのように台無しにするかに応じて、不足しているモジュールを引用してコンパイルに失敗します。

sharedScriptedAlchemy の例では、ファイル内のライブラリ配列で共有ライブラリを参照する必要があるように見えwebpack.config.tsます。これは完全に理にかなっていますが、機能させることができません

この方法でローカル ライブラリを参照すると、必然的にビルド中にエラーが発生します。

私が投稿した例は単純化されています。あまりそうでないことを願っていますが、ここに問題を示すレポへのリンクがあります

次の構成でスローされます。

webpackのバージョンは「^5.0.0-rc.6」です。コンストラクタによると

[ 'src/test' ]大丈夫なはずです。私はどこで間違いをしましたか？

昨年 2020 年 10 月にリリースされたばかりの最新の webpack バージョンである v5 を使用しようとしていますが、docker が webpack を見つけることができず、問題が発生しています。ただし、v4 などの以前のバージョンの webpack を使用した場合は機能します。現在のプロジェクトで docker を使用して最新の webpack を使用したいと考えています。どうすればこれを修正できますか? docker コンテナーで webpack v5 を使用できるようにするにはどうすればよいですか。ありがとうございました。

これは、実行した場合の出力ですdocker-compose up。

これは私のpackage.json

私のDockerfile：

これは私のdocker-compose.ymlです：

ありがとうございました。