2018-07-21
2019-10-25
本番環境でrocket-loader.jsが読み込まれずJavaScriptが機能しない
クラウドフレアを利用していて、JavaScriptの更新を行った際にローカルでは問題なく読み込まれるのに本番環境では rocket-loader.jsが読み込まれずエラーとなってしまいました。
そもそもクラウドフレアは何かという記事は以下から
無料で使えるCDN Cloudflare（クラウドフレア）の登録方法を解説
ブラウザのコンソール上で表示されるエラーメッセージ
Failed to load resource: the server responded with a status of 404 (Not Found) rocket-loader.min.js
エラー発生の原因
rocket-loader.jsというJavaScriptを作成した覚えはなかったのですが、調べてみるとクラウドフレアのロケットローダー機能というJavaScriptのレンダリングを遅延させる機能があり、その機能を利用するとJavaScriptのファイルがrocket-loader.jsとなるようです。
ロケットローダー機能をオフにします。
①クラウドフレアの管理者画面へログイン
②メニューのspeedを選択
③ロケットローダー機能をonからoffにする
④ブラウザのキャッシュをクリアし、再度ページを読み込む
以上
その他関連記事
無料ヒートマップ作成ツールUser Heat（ユーザーヒート）の登録・利用方法
無料で使えるCDN Cloudflare（クラウドフレア）の登録方法を解説
Amazon Linux 、Nginx、CertbotでLet’s Encryptを利用し、無料でSSL対応する
前の記事
次の記事
2018/07/22
