Reactを使っていて、なぜか画面が真っ白になることがありました。驚きの白さです。
ブラウザーの開発者ツールでネットワークをモニターしたところ、CSSやJSなどの静的ファイルの読み込みに失敗していることがわかりました。
JSの読み込みに失敗したら驚きの白さになるというのはまあごもっともなんですが、問題は読み込みに失敗している原因がわからないこと。なにしろ、ローカルや開発環境では全く問題ないのに本番環境だけで問題が発生しています。そして読み込みに失敗している原因がnet::ERR_CONTENT_LENGTH_MISMATCH
です。なんじゃこら。
色々原因を探っていたら、最終的に見つかったのがコンテンツ配信サーバーのディスクフル。
配信サーバーのストレージが足りない→コンテンツのキャッシュができない→誤ったデータを返す(?)みたいな流れで起きるピタゴラスイッチのようです。
ディスクフルくらい監視して気づけや、というツッコミは勘弁してください。今回は色々事情があったんです。。。