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 个词。
相关报错
SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSONchrome 111+TypeError: Failed to fetchchromeAccess to fetch at 'https://api.example.com/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.chromeSyntaxError: Cannot use import statement outside a modulenodeReferenceError: require is not defined in ES module scope, you can use import insteadnodeError [ERR_MODULE_NOT_FOUND]: Cannot find module '/app/src/util' imported from /app/src/index.jsnodeReferenceError: window is not definednodeHydration failed because the initial UI does not match what was rendered on the serverreact 18+