Chrome: sintassi non rilevata Errore: fine imprevista dell'input

Durante il caricamento della mia pagina in Google Chrome, viene visualizzato un errore vago nella console:

Sintassi non rilevata Errore: fine imprevista dell'input

Non ho idea di cosa lo stia causando. Come farei per eseguire il debug di questo errore?

Questo particolare errore è un fatto fastidioso v8. Nella maggior parte dei casi il tuo JavaScript è rotto in qualche modo. Ad esempio manca uno }o qualcosa del genere.

Esempio dato, questo produrrà anche "Fine imprevista dell'input":

eval('[{"test": 4}') // notice the missing ]

Ma la causa principale dei problemi sembra essere che l'URL JSON richiesto abbia un Content-Type di text/htmlcui Chrome apparentemente tenta di analizzare come HTML, il che si traduce in una fine imprevista dell'input a causa del fatto che i tag di immagine inclusi vengono analizzato.

Prova a impostare Content-Type su text/plainPenso che dovrebbe risolvere i problemi.

Tuttavia, V8 potrebbe fare un lavoro migliore nel dire esattamente dove l'input è terminato inaspettatamente.

Prova Firebug per Mozilla: mostrerà la posizione dei dispersi }.

http://getfirebug.com/

Vedi il mio caso su un'altra domanda simile :

Nel mio caso, stavo cercando di analizzare un JSON vuoto:

JSON.parse(stringifiedJSON);

In altre parole, quello che è successo è stato il seguente:

JSON.parse("");

Ottengo questo errore quando ho omesso un carattere di parentesi graffa di chiusura ( }) nel codice JavaScript. Controlla che le parentesi graffe siano correttamente bilanciate.

Per la cronaca, per chiunque cerchi di trovare le varie cause di questo errore. Un attributo di dati HTML5 vuoto

data-mydata = ''

causa anche l'errore. È necessario verificare quando il valore dei dati è una stringa nulla e non includere affatto l'attributo. Va da sé che questo è in gran parte rilevante per HTML generato da script.

Il problema per me era che stavo facendo $ .ajax dataType: "json"per una richiesta POST che stava restituendo un HTTP 201 (creato) e nessun corpo di richiesta. La correzione era semplicemente rimuovere quella chiave / valore.

JSHint è bravo a trovare la posizione di parentesi mancanti o sintassi errata.

Un'altra causa di questo errore: se l'API risponde intenzionalmente senza corpo di risposta, ma risponde con un 200 OKcodice di stato anziché un 204 No Contentcodice di stato. Alcune librerie JavaScript potrebbero non rispondere bene a tipi di contenuto imprevisti quando non c'è contenuto, quindi usa il codice di stato corretto!

Ci sarà sicuramente una parentesi aperta che ha causato l'errore.

Ti suggerirei di aprire la pagina in Firefox, quindi aprire Firebug e controllare la console: mostrerà il simbolo mancante.

Schermata di esempio:

Il mio problema era con la cache di Google Chrome. Ho provato questo eseguendo la mia applicazione web su Firefox e non ho riscontrato quell'errore lì. Quindi ho deciso di provare a svuotare la cache di Google Chrome e ha funzionato.

Nei casi in cui il tuo codice JavaScript è minimizzato su una singola riga, un'altra causa per questo errore sta usando //invece che /**/per i tuoi commenti.

Cattivo (commenta tutto dopo aver //incluso la chiusura }per la tua funzione)

function example() { //comment console.log('TEST'); }

Buono (limita il tuo commento)

function example() { /* comment */ console.log('TEST'); }

Nel mio caso stavo aggiungendo javascript in modo dinamico e usando virgolette doppie 2 volte nei modelli di stringa, quindi ho cambiato il secondo in virgolette singole e l'errore era sparito. Spero che possa aiutare alcune persone a venire qui per lo stesso motivo.

Ho riscontrato un problema simile utilizzando la direttiva ui bootstrap per angularjs - uib-datepicker, quando si preme alternativamente am / pm.

Errore nel gestore eventi per (sconosciuto): SyntaxError: fine imprevista del timepicker angolare di input JSON

Si è scoperto che era a causa del plug-in 'Trans-over' (che traduce una parola quando viene cliccato). Forse la mia risposta aiuterà qualcuno, perché non ho trovato nulla su Internet.

Poiché si tratta di un'operazione asincrona, onreadystatechangeciò può accadere prima che il valore sia stato caricato nel responseText, provare a utilizzare a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); per vedere se l'errore persiste? BOL

Ho riscontrato questo errore e risolto aggiungendo la protezione readyStatee statusmostrato qui:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
          // Your code here
   }
};

se si è verificato un errore nel tag Anchor, sostituire "Onclick" con "href" o "href" con "Onclick"

L'impostazione Acceptdell'intestazione su application/jsonnella richiesta ha funzionato per me quando ho riscontrato lo stesso problema.

Cercare di analizzare un JSON vuoto può essere la causa di questo errore.

Quando ricevi una risposta dal server o altro, controlla prima che non sia vuoto. Per esempio:

function parseJSON(response) {
    if (response.status === 204 || response.status === 205) {
        return null;
    }
    return response.json();
}

Quindi puoi recuperare con:

fetch(url, options).then(parseJSON);