Contact Form7 ( + reCaptcha V3 )で「Unexpected identifier」エラーの対処法

デペロッパーツールのエラー

迷惑メール多くなったのでGoogleのreCaptchaを導入しました。
すると・・・ガンガンきていた迷惑メール（英語版など）とんと来なくなりました。
さすが、GooglereCaptcha V3・・・と思っていたところに
ChromeのF12でデペロッパーツールを見ると・・・

Uncaught SyntaxError: Unexpected identifierというエラーメッセージが出てました。
なんでこうなったかのか不明ですが、2日間調べてわかった事を忘備録とします。

Uncaught SyntaxError: Unexpected identifier

どうもこの組み合わせがよくない模様・・・

• テーマのCocoon2.2.1.8
• WordPress 5.4.2
• Contact Form7 5.2.1( + reCaptcha V3 )

・・・というか reCaptcha V3を導入をきっかけでJsエラーが発生した模様です。

【reCaptcha V3】Contact form 7 5.1.1でメール送信不可【全てスパム判定】

この記事では、Contact form7 5.1.1でreCaptchaからスパム判定されてメールが送れない状況の回避方法についてまとめています。この記事を読めば、スパム判定を回避してContact form7でメール送信できるようになります。

nldot.info

対処したこと

まず「Uncaught SyntaxError: Unexpected identifier」というのはJavaScriptiptの記述ミスだよ！ということらしいのですがプラグインの記述ミスなんてあるのかしら？という疑問が。なぜかというとググってみても似たような記事かなかったので。

ということは、テーマCocoonが関係あるみたい、なので一度テーマを変えてみたらエラーが解消される。
やっぱり・・・ということで
Cocoon高速化（Jsの縮小化）を /plugins/contact-form-7 を除外してみると、
「Uncaught SyntaxError: Unexpected identifier」エラーが消えました！

結論

• Cocoon
• Contact Form7 ( + reCaptcha V3 )

の組み合わせが合わない様子です。

テーマの更新やプラグインの更新をする際は、どんな内容のアップデートなのか確認する必要がありますね。