問題タブ [webpack-4]

そのため、最近ng update、angular5 プロジェクトで実行し、angular cli をバージョン 1.7.2 に、webpack を 4.1.0 に更新しました。を使用してエラーなしで正常にビルドできますng buildが、実行するng build --prodと次のエラーが発生します。

ここから何をすればよいかわからないのですが、何か助けはありますか? 私は投稿webpack.config.jsするpackages.jsonことができます。

Webpack 4のreact-universal-componentの効果を模倣しようとしています。

TL;DR -クライアントが特定のルートで要求したすべての CSS/JS チャンクを含む SSR HTML レンダリングでダンプ<link>してタグ付けし、代わりにサーバーが同期的にロードする方法が欲しいです。<script>

react-loadableを使用すると、典型的な非同期 React コンポーネントは、サーバー バンドルとクライアント バンドルの両方で次のようになります。

サーバーでは<Loadable.Capture>、ルートのレンダリングに使用されるモジュール名を取得するために使用しています。

これは正常に機能します-modulesルート/logoには次が含まれます：

['./ロゴ/ロゴ']

私が今しなければならないことは、どうにか./logo/logoして Webpack 統計情報 (サーバー環境でミドルウェアに渡される変数として、または Webpack によって生成された静的 JSON ファイルとして利用可能) を見つけて、それを生成されたチャンクに関連付けることです。呼び出しによって返されるモジュール ID ... または (できれば)インポート名require.resolveWeak()に直接。./logo/logo

これは私が立ち往生しているところです。上記の「ユニバーサル コンポーネント」NPM モジュールはいずれも Webpack 4 と互換性がなく、以前の CommonChunksPlugin に依存していた手法は廃止されました。

に渡された文字列に基づいて関連するチャンク ファイル名を見つけるために Webpack 統計を消費する例はどこにありますimport()か?

I started getting this error once I upgraded to Webpack and related dependencies to v4: [Vue warn]: Failed to mount component: template or render function not defined.

Here's the relevant snippets of my package.json and webpack.config.js before and after:

Before upgrade:

package.json

webpack.config.js

After upgrade:

package.json

webpack.config.js

What is expected?

Vue components work without errors after upgrading

What is actually happening?

Most Vue components show an error and fail to load: [Vue warn]: Failed to mount component: template or render function not defined.