React-Scripts が JS の変更を受け付けなくなります

Question

create-react-app を使用して React アプリをブートストラップしました。アプリケーションは Docker コンテナーで実行され、サブドメインにデプロイされています。ドメイン名が http://mycompany.com で、React アプリが http://mycompany.com/users/userid/apps/reactapp にあるとします。

URL を書き換えてベース URL をサブドメイン URL に変更できるリバース プロキシ サーバーがあります。私の package.json は次のようになります -

リーリー

私が直面している問題は、react-scripts start を使用して開発サーバーを再起動した後でも、JS ファイルの変更が反映されないことです。これは、Docker コンテナを再起動したときにのみ反映されます。ブラウザで確認したところ、bundle.js ファイルには最新の変更がありませんでした。これらのことを試してみました -

1. node_modules/.cache、node_modeulesを削除します
2. react-scripts の起動で CHOKIDAR_USEPOLLING=true を使用します

開発サーバーのログでは、ファイルの変更が検出されていることがわかりますが、これらの変更はブラウザーに提供されていません。ファイルを削除しても (開発サーバーのログでエラー ログを確認できるため)、ブラウザを更新してもアプリケーションは何も変わりません。

Answer 1

サーバー側の応答ヘッダーに次の内容を追加する必要がある場合があります

リーリー

問題が解決しない場合は、ブラウザのキャッシュをクリアしてみてください

関連する質問:

1. CRA React を使用したキャッシュクリア
2. ReactJS: ブラウザーが静的ファイルをキャッシュしないようにするにはどうすればよいですか?