Chrome: sintaxis Error de sintaxis: final de entrada inesperado

Al cargar mi página en Google Chrome, aparece un vago error en la consola:

SyntaxError no capturado: final de entrada inesperado

No tengo idea de qué lo está causando. ¿Cómo haría para depurar este error?

Este error particular es un hecho molesto sobre v8. En la mayoría de los casos, su JavaScript está roto de alguna manera. Por ejemplo, falta un }o algo así.

Ejemplo dado, esto también producirá "Fin de entrada inesperado":

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

Pero la causa raíz de los problemas parece ser que la URL JSON solicitada tiene un tipo de contenido del text/htmlcual Chrome aparentemente intenta analizar como HTML, lo que resulta en un final inesperado de entrada debido al hecho de que las etiquetas de imagen incluidas están siendo analizado

Intente configurar el Tipo de contenido en text/plainCreo que debería solucionar los problemas.

No obstante, V8 podría hacer un mejor trabajo al decirle a uno exactamente dónde terminó inesperadamente la entrada.

Prueba Firebug para Mozilla: mostrará la posición de los desaparecidos }.

http://getfirebug.com/

Vea mi caso sobre otra pregunta similar :

En mi caso, estaba tratando de analizar un JSON vacío:

JSON.parse(stringifiedJSON);

En otras palabras, lo que sucedió fue lo siguiente:

JSON.parse("");

Recibo este error cuando omito un carácter de llave de cierre ( }) en el código JavaScript. Verifique que sus frenillos estén correctamente balanceados.

Para el registro, para cualquiera que intente encontrar las diversas causas de este error. Un atributo de datos HTML5 vacío

data-mydata = ''

causa el error también. Debe verificar cuándo el valor de los datos es una cadena nula y no incluir el atributo en absoluto. No hace falta decir que esto es en gran medida relevante para HTML generado por script.

El problema para mí fue que estaba haciendo $ .ajax con dataType: "json"una solicitud POST que devolvía un HTTP 201 (creado) y ningún cuerpo de solicitud. La solución fue simplemente eliminar esa clave / valor.

JSHint es bueno para encontrar la ubicación de paréntesis faltantes o sintaxis incorrecta.

Otra causa de este error: si su API responde intencionalmente sin cuerpo de respuesta, pero responde con un 200 OKcódigo de estado en lugar de un 204 No Contentcódigo de estado. Es posible que algunas bibliotecas de JavaScript no respondan bien a tipos de contenido inesperados cuando no hay contenido, ¡así que use el código de estado correcto!

Definitivamente habrá un soporte abierto que causó el error.

Te sugiero que abras la página en Firefox, luego abras Firebug y compruebes la consola; mostrará el símbolo que falta.

Captura de pantalla de ejemplo:

Mi problema fue con el caché de Google Chrome. Probé esto ejecutando mi aplicación web en Firefox y no obtuve ese error allí. Entonces decidí intentar vaciar el caché de Google Chrome y funcionó.

En los casos en los que su código JavaScript se minimiza en una sola línea, otra causa de este error se está utilizando en //lugar de /**/sus comentarios.

Malo (comenta todo después de //incluir el cierre }de su función)

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

Bueno (limita tu comentario)

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

En mi caso, estaba agregando JavaScript dinámicamente y usando comillas dobles 2 veces en plantillas de cadena, así que cambié la segunda a comillas simples y el error desapareció. Espero que ayude a algunas de las personas que vienen aquí por la misma razón.

Me enfrenté a un problema similar al usar la directiva ui bootstrap para angularjs - uib-datepicker, al presionar am / pm toggle.

Error en el controlador de eventos para (desconocido): SyntaxError: final inesperado del selector de tiempo angular de entrada JSON

Resultó que fue debido al complemento 'Trans-over' (que traduce una palabra cuando se hace clic). Tal vez mi respuesta ayude a alguien, porque no encontré nada en Internet.

Dado que es una operación asincrónica, onreadystatechangepuede ocurrir antes de que el valor se haya cargado en el texto de respuesta, intente usar a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); para ver si el error persiste. BOL

Tuve este error y lo solucioné agregando el protector readyStatey se statusmuestra aquí:

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

si recibió un error en la etiqueta de anclaje, simplemente reemplace "Onclick" con "href" o "href" con "Onclick"

Establecer el Acceptencabezado application/jsonen la solicitud funcionó para mí cuando me enfrenté al mismo problema.

Intentar analizar un JSON vacío puede ser la causa de este error.

Cuando reciba una respuesta del servidor o lo que sea, verifique primero si no está vacío. Por ejemplo:

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

Entonces puedes buscar con:

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