しゅう【Webサイト制作/改良
・コーダー】
のPortfolio Site

結論から言うと、

僕の場合、JavaScriptのファイルやら、WordPressのfunction.phpと数時間格闘してもなおらず、

スパム対策の、reCAPTCHA設定をやり直したら一撃でなおった、、、

っていうものなんですが、

Uncaught (in promise) null、、、

なんやねん、そのエラーって方のために、

Geminiによる解説↓↓

「Uncaught (in promise) null」エラーは、JavaScriptのPromise（非同期処理の結果を扱う仕組み）の中でエラーが発生したものの、そのエラーを適切に処理（catch）する部分が書かれていない場合に起こります。そして、そのエラーの内容が null であることを示しています。

簡単に言うと：

「Promiseの中で何か問題が起きたんだけど、その問題の内容が『何もない（null）』で、しかもその問題をどうにかする（catch）っていう処理が書かれてないから、そのままエラーとして報告されてるよ！」

もう少し詳しく：

1. Promiseの失敗: JavaScriptで時間がかかる処理（例えば、サーバーからデータを取ってくるなど）を行う際にPromiseがよく使われます。この処理が何らかの理由で失敗することがあります。
2. エラーの発生: 処理が失敗すると、Promiseは「rejected（拒否）」という状態になり、エラーの情報を持つことがあります。このエラー情報が null だった、ということです。
3. エラー処理の不足: Promiseがrejectedになった場合、通常は .catch() という部分でそのエラーを受け取って、何らかの処理を行います（例えば、エラーメッセージを表示するなど）。しかし、「Uncaught (in promise) null」エラーが出ている場合は、この .catch() が書かれていないか、適切にエラーを受け取れていない可能性があります。

なぜエラー内容が null なのか？

エラーの原因となった処理が、具体的なエラー情報を何も返さずに失敗した場合に null になることがあります。例えば、ネットワークエラーでデータ取得に失敗したけれど、エラーの詳細な情報が提供されなかった場合などです。

このエラーが出た場合の対処法：

• Promiseの処理の中でエラーが発生する可能性のある部分に .catch() を追加して、エラーを受け取って処理するように記述します。
• エラーの原因となっているPromiseの処理を見直し、なぜエラーが null で返ってくるのか、より具体的なエラー情報を返すように修正できるか検討します。

このエラーは、非同期処理がうまくいかなかった場合に、その原因を特定しづらくなることがあるため、しっかりとエラーハンドリングを行うことが重要です。

はい、この説明を聞いても、

正直微妙だと思います。

promiseの結果がnull=空だといわれても、、、

そもそもどのpromiseよ？？

空ってなによ？？

自分で書いたファイルには、どこにもpromiseらしき記述ないんだけど？？

状態だったんですが、

調べていると、reCAPTCHA設定でpomise使ってるらしい、、、

お前か！？

って設定やり直したら直りました。

XServerさまの、reCAPTCHAの設定方法解説サイト↓↓

Contact Form 7の使い方！reCAPTCHAによるスパムメール対策など

XServerさまの、reCAPTCHAの設定方法解説サイト再掲↓↓

Contact Form 7の使い方！reCAPTCHAによるスパムメール対策など

サイバーエージェントが運営する小学生向けプログラミングスクール
Tech Kids School【テックキッズスクール】

けっこうガチ目っぽいです↓↓

僕がWeb制作を学んだデイトラ↓↓
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます