← 一覧へ
ブラウザ・通信出る場所:ブラウザの画面・開発者ツールよく出る

通信できなかった(Failed to fetch)

TypeError: Failed to fetch
TypeError: fetch failed

ひとことで言うと

「データを取りに行こうとしたけれど、相手まで届きませんでした」という意味です。

よくある原因

  1. アドレス(URL)が間違っている
  2. 相手のサーバーが止まっている、またはまだ起動していない
  3. CORS で止められている
  4. ネットにつながっていない

自分で確かめること

たいていは、こうすると直ります

アドレスを正しく直します。自分のサーバーなら起動しているか確かめます。CORS のエラーも一緒に出ていれば、そちらを直します。

AIへの伝え方

下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。

次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。

【エラー】
TypeError: Failed to fetch
TypeError: fetch failed

【やったこと】
(ここに、エラーが出る前にしたことを書く。例:npm run dev を実行した)

【参考】
このエラーは「通信できなかった(Failed to fetch)」というもので、よくある原因は次のとおりです。
・アドレス(URL)が間違っている
・相手のサーバーが止まっている、またはまだ起動していない
・CORS で止められている
・ネットにつながっていない

どれに当てはまるかを確かめる方法も教えてください。