Chrome: sintaxe não detectadaErro: final de entrada inesperado

Ao carregar minha página no Google Chrome, recebo um erro vago no console:

SyntaxError não capturado: final de entrada inesperado

Não tenho ideia do que está causando isso. Como eu iria depurar esse erro?

Esse erro em particular é um fato irritante sobre v8. Na maioria dos casos, seu JavaScript está quebrado de alguma forma. Por exemplo, faltando um }ou algo parecido.

Exemplo dado, isso produzirá "Fim inesperado de entrada" também:

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

Mas a causa principal dos problemas parece ser que o URL JSON solicitado possui um Tipo de Conteúdo do text/htmlqual o Chrome aparentemente tenta analisar como HTML, o que resulta no final inesperado da entrada devido ao fato de as tags de imagem incluídas estarem sendo analisado.

Tente definir o Tipo de conteúdo como text/plainAcho que deve corrigir os problemas.

No entanto, o V8 poderia fazer um trabalho melhor sobre dizer exatamente onde a entrada terminou inesperadamente.

Experimente o Firebug for Mozilla - ele mostrará a posição dos desaparecidos }.

http://getfirebug.com/

Veja meu caso em outra pergunta semelhante :

No meu caso, eu estava tentando analisar um JSON vazio:

JSON.parse(stringifiedJSON);

Em outras palavras, o que aconteceu foi o seguinte:

JSON.parse("");

Eu recebo esse erro quando omiti um caractere de chave de fechamento ( }) no código JavaScript. Verifique se o seu aparelho está bem equilibrado.

Para o registro, para quem tentar encontrar as várias causas desse erro. Um atributo de dados HTML5 vazio

data-mydata = ''

causa o erro também. Você deve verificar quando o valor dos dados é uma sequência nula e não incluir o atributo. Escusado será dizer que isso é amplamente relevante para o HTML gerado por script.

O problema para mim era que eu estava fazendo $ .ajax com dataType: "json"uma solicitação POST que estava retornando um HTTP 201 (criado) e nenhum corpo de solicitação. A correção foi simplesmente remover essa chave / valor.

JSHint é bom em encontrar a localização de colchetes ausentes ou sintaxe incorreta.

Outra causa desse erro: se sua API responder intencionalmente sem corpo de resposta, mas responder com um 200 OKcódigo de status em vez de um 204 No Contentcódigo de status. Algumas bibliotecas JavaScript podem não responder bem a tipos de conteúdo inesperados quando não há conteúdo; portanto, use o código de status correto!

Definitivamente, haverá um suporte aberto que causou o erro.

Sugiro que você abra a página no Firefox, abra o Firebug e verifique o console - ele mostrará o símbolo ausente.

Exemplo de captura de tela:

Meu problema foi com o cache do Google Chrome. Eu testei isso executando meu aplicativo Web no Firefox e não recebi esse erro lá. Então eu decidi tentar esvaziar o cache do Google Chrome e funcionou.

Nos casos em que seu código JavaScript é minificado para uma única linha, outra causa desse erro é usar em //vez de/**/ nos seus comentários.

Ruim (comenta tudo depois de //incluir o fechamento }da sua função)

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

Bom (restringe seu comentário)

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

No meu caso, eu estava adicionando javascript dinamicamente e usando aspas duplas 2 vezes em modelos de string, então mudei o segundo para aspas simples e o erro desapareceu. Espero que ajude algumas pessoas que vêm aqui pelo mesmo motivo.

Eu enfrentei um problema semelhante usando a diretiva de inicialização da interface do usuário para angularjs - uib-datepicker, ao pressionar am / pm toggle.

Erro no manipulador de eventos para (desconhecido): SyntaxError: Final inesperado do JSON timepicker angular da entrada

Acontece que foi por causa do plug - in 'Trans-over' (que traduz uma palavra quando é clicada). Talvez minha resposta ajude alguém, porque não encontrei nada na internet.

Como é uma operação assíncrona, onreadystatechangepode ocorrer antes que o valor seja carregado no responseText, tente usar a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); para verificar se o erro persiste. BOL

Eu tive esse erro e o corrigi adicionando a proteção readyStatee statusmostrada aqui:

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

se você encontrou um erro na tag Anchor, substitua "Onclick" por "href" ou "href" por "Onclick"

Definir o Acceptcabeçalho como application/jsonna solicitação funcionou para mim quando enfrentei o mesmo problema.

Tentar analisar um JSON vazio pode ser a causa desse erro.

Quando você receber uma resposta do servidor ou o que seja, verifique primeiro se não está vazio. Por exemplo:

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

Então você pode buscar com:

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