通信できなかった(Failed to fetch)
TypeError: Failed to fetch TypeError: fetch failed
ひとことで言うと
「データを取りに行こうとしたけれど、相手まで届きませんでした」という意味です。
よくある原因
- アドレス(URL)が間違っている
- 相手のサーバーが止まっている、またはまだ起動していない
- CORS で止められている
- ネットにつながっていない
自分で確かめること
- そのアドレスをブラウザで直接開いてみる
- 開発者ツールの「ネットワーク」タブで、赤くなっている通信を見る
たいていは、こうすると直ります
アドレスを正しく直します。自分のサーバーなら起動しているか確かめます。CORS のエラーも一緒に出ていれば、そちらを直します。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 TypeError: Failed to fetch TypeError: fetch failed 【やったこと】 (ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した) 【参考】 このエラーは「通信できなかった(Failed to fetch)」というもので、よくある原因は次のとおりです。 ・アドレス(URL)が間違っている ・相手のサーバーが止まっている、またはまだ起動していない ・CORS で止められている ・ネットにつながっていない どれに当てはまるかを確かめる方法も教えてください。