2 flat logo on transparent 256
2018-07-21

本番環境でrocket-loader.jsが読み込まれずJavaScriptが機能しない

1134204

クラウドフレアを利用していて、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対応する

サイトへ簡単にアイコンを無料設定できる|Font Awesomeの使い方|サンプルコード付き

前の記事
次の記事