Erro de JavaScript (Untaught SyntaxError: final de entrada inesperado)

Eu tenho algum código JavaScript que funciona no FireFox, mas não no Chrome ou IE.

No Chrome JS Console, recebo o seguinte erro:

"SyntaxError não capturado: final de entrada inesperado".

O código JavaScript que estou usando é:

<script>
 $(function() {
 $("#mewlyDiagnosed").hover(function() {
    $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
 }, function() {
    $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
 });
</script>

Diz que o erro está na última linha que é });

Adicione um segundo });.

Quando recuado corretamente, seu código lê

$(function() {
    $("#mewlyDiagnosed").hover(function() {
        $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
    }, function() {
        $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
    });
MISSING!

Você nunca fechou o exterior $(function() {.

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

JSON.parse(stringifiedJSON);

Em outras palavras, o que aconteceu foi o seguinte:

JSON.parse("");

http://jsbeautifier.org/ é útil para recuar seu código JS minificado.

Além disso, com o Google Chrome, você pode usar "impressão bonita". Veja a captura de tela de exemplo abaixo, mostrando jquery.min.jsdo Stack Overflow bem recuado diretamente do meu navegador :)

Ao formatar um pouco o código, você apenas fechou a função de foco interno. Você não fechou as partes externas, marcadas abaixo:

$(// missing closing)
 function() { // missing closing }
     $("#mewlyDiagnosed").hover(
        function() {
            $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
        }, 
        function() {
            $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
        });

No meu caso, acabou sendo uma questão simples de aspas duplas no meu bookmarklet , lembre-se de usar apenas aspas simples nos bookmarklets. Caso isso ajude alguém.

Eu recebi esse erro ao tentar escrever um bookmarklet javascript. Eu não conseguia descobrir o que estava causando isso. Mas, eventualmente, tentei URL que codifica o bookmarklet, através do seguinte site: http://mrcoles.com/bookmarklet/ e o erro desapareceu, por isso deve ter sido um problema com certos caracteres no código javascript sendo interpretados como URL especial caracteres de controle.

Esse erro é causado principalmente por chamadas ajax retornadas vazias, ao tentar analisar um JSON vazio.

Para resolver este teste se os dados retornados estiverem vazios

$.ajax({
    url: url,
    type: "get",
    dataType: "json",
    success: function (response) {

        if(response.data.length == 0){
            // EMPTY
        }else{
            var obj =jQuery.parseJSON(response.data);
            console.log(obj);
        }
    }
});

No meu caso, foi causado por um ausente (0)em javascript:void(0)em uma âncora.

Entendi isso desde que tive um comentário em um arquivo que estava adicionando ao meu JS, motivo realmente estranho para o que estava acontecendo - embora, ao clicar no VMarquivo pré-renderizado e detectar o erro, você descubra exatamente o que erro foi, no meu caso, foi simplesmente descomentar algum código que eu estava usando.

Também recebi esse erro apontando para o final do último bloco de script em uma página, apenas para perceber que o erro era realmente ao clicar em um elemento com um ao onclick="pagename"invés de onclick="window.location='pagename'". Nem sempre é um suporte ausente!