← 一覧へ
コードの書き間違い出る場所:ブラウザの画面・開発者ツールよく出る

待っている処理の失敗を受け止めていない

Uncaught (in promise) TypeError: Failed to fetch
UnhandledPromiseRejection

ひとことで言うと

「時間のかかる処理(通信など)が失敗したのに、失敗したときの受け止め方が書かれていません」という意味です。後ろに本当の原因が続きます。

よくある原因

  1. await の処理を try { } catch { } で囲んでいない
  2. 通信先のエラーや、データの読み込み失敗

自分で確かめること

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

後ろのエラーを直したうえで、try { ... } catch (e) { ... } で失敗したときの表示(「読み込めませんでした」など)を作ります。

AIへの伝え方

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

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

【エラー】
Uncaught (in promise) TypeError: Failed to fetch
UnhandledPromiseRejection

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

【参考】
このエラーは「待っている処理の失敗を受け止めていない」というもので、よくある原因は次のとおりです。
・`await` の処理を `try { } catch { }` で囲んでいない
・通信先のエラーや、データの読み込み失敗

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