WordPress "Uncaught ReferenceError: jQuery is not defined"のエラーについて

Question

前提・実現したいこと

WordPress初心者＋jsについてはほぼ知識はありませんので、
見当違いな質問になるかもしれません。ご了承下さい。

WordPress（テーマ：hestia/無料）を利用しています。
プラグイン関連でエラーが数件出ていたので、その部分はプラグインの停止（不要なため削除）で解決したのですが、
『Uncaught ReferenceError: jQuery is not defined』のエラーが消えず困っています。

発生している問題・エラーメッセージ

chromeのdeveloper toolで確認すると、以下の様なエラーが出ています。
jQueryが読み込めていないのだと思っているのですが、そこから問題個所を特定できずにいます。

Uncaught ReferenceError: jQuery is not defined
    at jquery-migrate.min.js?ver=1.4.1:2
(anonymous) @ jquery-migrate.min.js?ver=1.4.1:2

該当のソースコード

headには確かに以下の様に読み込まれている形跡があります。
テーマのhead内にあるのかと思い、親・子両方のheader.phpを確認しましたが、下記のコードを見つける事ができません。

<script async="" src="http://●●●/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>

試したこと

WordPressとthemeは最新Verを利用しています。
プラグイン関連も全て停止しましたが、こちらのエラーについては変化ありませんでした。

初歩的な事で申し訳ございませんが、どなたかご教示いただけますと幸いです。
よろしくお願いします。

Answer 1

jQuery / jQuery Migrate は WordPress が自動的に読み込む物なので、特に何もしなければ読み込まれます。もしMigrate だけ呼び出されていてjQuery が無いのであれば、テーマ側の記述で消したりしている可能性があります。
テーマを変えて確認し、そのテーマが問題なのであればテーマを修正することをお勧めします。

一応、消すこともできなくは無いですが、「なぜかjQueryが消えた（or読み込み順が変わった）」問題を残した状態になるので、最後の手段にしてください。

【[WordPress] jQuery Migrate プラグインを読み込まないようにする方法 ｜ memocarilog】
https://memocarilog.info/wordpress/5882

---

一般的な原因特定フローは、下記の通りです。
0. DB／ファイル全てのバックアップをする
0. デバッグモードにする ⇒ http://mignonstyle.com/debug-mode/
0. プラグイン／テーマ／本体全てをアップデートする
0. デフォルトテーマで再現するか確認する
0. プラグインを全て止めて再現するか確認する
0. 構成するシステムファイル群をFTPで最新のものに上書きする

Comments

[tomyy]

kei344様
早速の回答ありがとうございます。
原因特定フローありがとうございます！すごく参考になります！

デバッグモードを試そうと思い、wp-config.phpを開いたのですが、
define('WP_DEBUG', false);
がありませんでした…この様な事はあるんでしょうか？
先に進めなかったので、教えて頂いたデフォルトテーマに変えてみるとエラーは表示されなくなりました。
これはtheme側に問題がある…と言う認識で良いのでしょうか？

[kei344]

「wp-config.phpに書かれている」と書いてありますが、環境によって書かれていないことがあります。その場合はwp-config.phpの最後に追記してください。

> これはtheme側に問題がある…と言う認識で良いのでしょうか？
そうなります。
テーマファイル（拡張子.phpのファイル）を編集していないなら、公式配布サイトからダウンロードしなおして上書きしてみてください。編集しているなら、そのテーマはバックアップして、サーバ上からは削除して、入れなおしてみてください。
それでもエラーになるようであれば配布されているテーマ自体の問題である可能性が高いです。

Answer 2

jquery-migrate.min.js より前にjQuery（jquery.min.jsなど）が読み込まれているかどうかご確認ください。

Comments

[tomyy]

cerfweb様

回答ありがとうございます！
<script async src='http://●●●/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
こちらはjquery-migrate.min.jsの直前に読み込まれている状態です。
jquery.min.jsではないのですが、これでも大丈夫でしょうか？

[cerfweb]

jquery.jsでもjquery.min.jsでもどちらでも大丈夫です。それが読み込まれているということは別の問題ですね。

Answer 3

デフォルトのテーマに変更すると、上記エラーは表示されなくなりました。
後、関係があるか分からないですが、htmlやcss、jsなどを圧縮する「Autoptimize」を元々有効にしており、
エラーが出ていた時はこのプラグインを停止していました。
試しにこのプラグインを有効化すると、jsのエラーは表示されなくなりました。
なので、今回はこのプラグインを一先ず有効化して凌ごうと思います。
コメント頂きました皆さま、本当にありがとうございました！