問題タブ [react-loadable]

サーバー側のレンダリングを利用する create-react-app アプリケーションでコード分割を試みています。

コード分​​割を行うために「react-loadable」を利用しています：https://github.com/thejameskyle/react-loadable

今のHome.jsところ、コンポーネントをアプリの残りの部分から切り離して、それが機能するかどうかを確認するだけです。開発モード (読み取り: SSR ではない) では、チャンクオフされ、正常に動作します。

ただし、サーバー上で動作させることはできません。Github ページのガイドに従っていますが、webpack の変更が必要なため行き詰まっています。アプリケーションではcreate-react-app、webpack は隠されているためアクセスできません。

サーバーの起動時に受け取るエラーは次のとおりです。

ガイドに記載されているようにwebpackが正しく構成されていないためだと確信しています。

ガイドでは、SSR について明確に述べています。

まず、各モジュールがどのバンドルに含まれているかを伝える Webpack が必要です。このために、React Loadable Webpack プラグインがあります。

react-loadable/webpack から ReactLoadablePlugin をインポートし、webpack 構成に含めます。バンドルに関する JSON データを保存する場所のファイル名を渡します。

排出しないと無理だと思います。サーバー側でレンダリングされるアプリケーションreact-loadableで使用できるかどうかは誰にも分かりますか?create-react-app

ルートごとにreact-loadableでコード分割してみました。ロードするファイルが増えるため、パフォーマンスが低下するようです。1つのバンドルファイルを作成するのが一般的な理由は、小さな複数のファイルがhttp 1で遅くなるためであることを知っています。コード分割で間違っていたのか、それともhttp 1で一般的にパフォーマンスが低下しているのか疑問に思っています?? また、共通コンポーネントの一部が複数の chunk.js にあるため、合計ファイル サイズが大きくなります。私はそれを間違っていますか？