サーバレンダリングのHMRが無効なチェックサムを引き起こす

Question

webpackにバンドルされているExpressサーバアプリケーションがあります。クライアント側もwebpackにバンドルされており、開発モードではwebpack-dev-middlewareとwebpack-hot-middlewareを使用してサーバーによって提供されます。

Reactコンポーネントを変更すると、クライアント側で変更が発生するため、HMRを使用したときに問題が発生します。

クライアントでコンポーネントがホットリプレースされているため、ファイルの「新しい」バージョンが使用されていますが、サーバーはwebpackにバンドルされていたため古いものが貼り付けられています。結果は異なります。コンポーネントを変更するときにもサーバーを変更する方法はありますか？このラッパーのようなものでホットリロードを使用して、サーバー側急行コードをラップ

Answer 1

試してみてください。

https://github.com/mdlawson/piping

配管はすべてのプロジェクトファイルを見て、いつ何でもリロード、ノードへの「ホットリロード」機能を追加変更、 "ラッパー"バイナリを必要としません。