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+