SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at JSON.parse – JavaScript SYNTAX_JSON_PARSE

SYNTAX_JSON_PARSE

Frequentissimo nelle chiamate fetch/AJAX: l'endpoint API remoto ha risposto con una pagina di errore 404/500 in formato HTML ('<!DOCTYPE html>...') anziché con un payload JSON, causando il fallimento immediato di 'response.json()' o 'JSON.parse()'.

Cosa significa questo errore?

Frequentissimo nelle chiamate fetch/AJAX: l'endpoint API remoto ha risposto con una pagina di errore 404/500 in formato HTML ('<!DOCTYPE html>...') anziché con un payload JSON, causando il fallimento immediato di 'response.json()' o 'JSON.parse()'.

Messaggio originale

SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON at JSON.parse

Contesto e parole chiave

Alias

  • is not valid JSON
  • Unexpected token in JSON at position 0

Messaggi alternativi

  • token inatteso html in risposta JSON parse

Prodotti

  • JavaScript Engine (V8, SpiderMonkey, JavaScriptCore) / Web API

Piattaforme

  • Bun
  • Deno
  • Node.js
  • Qualsiasi Browser Web

Parole chiave

  • ecmascript
  • errore-javascript-unexpected-token-json
  • javascript
  • javascript.sintassi.unexpected-token-json
  • js
  • Sintassi e Parsing

Cause possibili

Causa tecnica per Errore JavaScript: Unexpected token '<' in JSON.parse (Risposta Server HTML Anziché JSON)

Frequentissimo nelle chiamate fetch/AJAX: l'endpoint API remoto ha risposto con una pagina di errore 404/500 in formato HTML ('<!DOCTYPE html>...') anziché con un payload JSON, causando il fallimento immediato di 'response.json()' o 'JSON.parse()'.

molto comune

Diagnosi

Diagnostica in console browser per Errore JavaScript: Unexpected token '<' in JSON.parse (Risposta Server HTML Anziché JSON)

Aprire la Console degli Strumenti per Sviluppatori (F12) o verificare l'output di esecuzione Node.js per analizzare lo stack trace.

Come leggere il risultato. Indica il file sorgente esatto e la riga di codice in cui si è verificata l'eccezione o il type error.

terminal
node --trace-warnings app.js

Risoluzione

Risoluzione standard per Errore JavaScript: Unexpected token '<' in JSON.parse (Risposta Server HTML Anziché JSON)

Difficoltà: facileRischio: basso

Applicare la correzione al codice sorgente JavaScript conforme agli standard ECMAScript moderni.

  1. Ispezionare la riga evidenziata nella console degli errori
  2. Applicare optional chaining (?.) o gestione condizionale dei valori null/undefined
  3. Ricaricare la pagina o riavviare il processo per verificare la scomparsa dell'errore

Domande frequenti

Come risolvere l'errore Errore JavaScript: Unexpected token '<' in JSON.parse (Risposta Server HTML Anziché JSON) in JavaScript?

Frequentissimo nelle chiamate fetch/AJAX: l'endpoint API remoto ha risposto con una pagina di errore 404/500 in formato HTML ('<!DOCTYPE html>...') anziché con un payload JSON, causando il fallimento immediato di 'response.json()' o 'JSON.parse()'.

Approfondimenti

Schede correlate