chrome · JavaScript

メッセージ

SyntaxError: Unexpected end of JSON input

何を意味するか

JSON を読んでいる途中で文書が終わってしまったという意味で、ほぼ必ず本文がそもそも空でした。204 No Content や本文の無い誤り応答に res.json() を呼んだ、応答の本文を既に一度読んで二度目に空が来た、書きかけで切れたファイルを読んだ、のいずれかです。まずテキストとして受けて空かどうかを見てから解析すると、正確な診断になります — const t = await res.text(); if (!t) return null;。JSON.parse(text || 'null') のように既定値で覆うと空の応答が正常に見えてしまうので、サーバがなぜ空の本文を返したのかを先に確かめてください。

直しかた

一行の命令では終わりません。何を見るべきかを説明に書いてあります。

出す道具
chrome
JavaScript
15

ブラウザと node の誤りは、たいてい何が壊れたかだけを告げ、なぜその値がそうなったかは告げません — undefined を読んだ、関数ではなかった、JSON ではなかった。ですから直す場所は投げた行ではなくその値を作った上流であり、?. や既定値でその行だけ黙らせると、同じ問題がもっと遠くで、もっと分かりにくい形で戻ってきます。

エラーメッセージの読み方

  • 一行目から読みます。下に行くほど道具の内部の話で、原因はたいてい一番上に書かれています。
  • ファイル名と行番号があればそこが出発点です — スタックの最上段ではなく、自分が書いたファイルが出てくる一番上の行です。
  • 文句はそのまま検索します。ただし自分のパスや変数名は消します — その部分が検索を邪魔します。
  • 同じ事情が道具の版ごとに違う言い方で出ます。結果が合わないときは版番号も入れてみます。
  • 直す命令を貼る前に、その命令が何を捨てるかを確かめます。取り消せないものが混ざっています。

よくある質問

Q. SyntaxError: Unexpected end of JSON input はどういう意味ですか。

JSON を読んでいる途中で文書が終わってしまったという意味で、ほぼ必ず本文がそもそも空でした。204 No Content や本文の無い誤り応答に res.json() を呼んだ、応答の本文を既に一度読んで二度目に空が来た、書きかけで切れたファイルを読んだ、のいずれかです。まずテキストとして受けて空かどうかを見てから解析すると、正確な診断になります — const t = await res.text(); if (!t) return null;。JSON.parse(text || 'null') のように既定値で覆うと空の応答が正常に見えてしまうので、サーバがなぜ空の本文を返したのかを先に確かめてください。

Q. どう直しますか。

一行の命令では終わりません。何を見るべきかを上の説明に書いてあります。

Q. どの道具が出すエラーですか。

chrome です。JavaScriptの仲間で、文句は6語です。

近いエラー