More than 3 years have passed since last update.

【JavaScript】エラー：Uncaught ReferenceError: Pace is not defined at

Posted at 2021-01-06

#【JavaScript】エラー：Uncaught ReferenceError: Pace is not defined at

###使用環境

##背景
websiteを作成中に処理を共通化したらクリックイベントが発動しなくなった。あるページでは問題ないのに違うページでは動かない！なぜ？

##エラー
エラー：Uncaught ReferenceError: Pace is not defined at

LoadingのライブラリPaceを使用していたため、それにまつわるエラーだということは分かった。

##原因
外部JSファイルを読み込む順番だった。
外部JS→jQueryファイル→Paceファイルの順にファイルを読み込んでおり、Paceに関連する処理をJSファイルの1番上に持ってきていたため、JSファイルを読み込んだときに、Paceに関する処理がわからない！と怒られていた模様。

##解決方法
外部JSファイルの読み込み順をLoading(Pace)ファイル→jQueryファイル→JSファイルの順番としたところ解決。