コード分割とサーバサイドレンダリング

Question

私はReact + ReduxアプリケーションをDan Abramovによって記述されているようにコード化しています（here）、すべて正常に動作しているようです。しかし、私はまた、サーバー上でアプリケーションをレンダリングしています。これにより、コンソールエラーがthis answerに記録されます。しかし、私は古い状態をクリーンアップしようとしていません。—サーバが計算したので、状態をロードしています。問題は、コード分割されたモジュールがロードされる前に、サーバーからの状態がグローバル状態にロードされることです。

ダンを正しく理解すると、エラーは単なる警告に過ぎず、すべてが正しく機能するように見えますが、ほぼすべてのページの読み込み時にエラーを表示するのは楽しい開発ワークフローではありません。

これを軽減するために私のコード分割コードとは何か異なったやり方がありますか？ダンの例とほぼ同じです。

Answer 1

答えは、私に当たったときに明らかでした。あなたはredux状態をクライアントに送信するのと同じように、クライアントに、作成時に結合された減速機に含まれる必要がある任意の減速機を指示する必要があります。

私の質問では、リンクされた答えのDan Abramovの仕事に基づいて、store.asyncReducersをオブジェクトのマップではなくパスの配列に変更しました。次に、この配列をシリアル化してフロントエンドに送って、requireのサーバー側レンダリングで使用されている非同期減速器をフロントエンドに送信できました。