Chrome: Uncaught SyntaxError: Неожиданный конец ввода

При загрузке моей страницы в Google Chrome я получаю смутную ошибку в консоли:

Uncaught SyntaxError: Неожиданный конец ввода

Я понятия не имею, что вызывает это. Как мне отладить эту ошибку?

Эта конкретная ошибка является одним раздражающим фактом о v8, В большинстве случаев ваш JavaScript каким-то образом нарушен. Например, отсутствует }или что-то подобное.

В приведенном примере это также приведет к «Неожиданному концу ввода»:

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

Но основная причина проблем , кажется, что запрашиваемая JSON URL имеет Content-Type из text/htmlкоторых Chrome , видимо , пытается разобрать , как HTML, который затем приводит к неожиданному концу ввода из - за того , что включенные тегами изображения, будет подаваться разобран.

Попробуйте установить Content-Type на text/plainя думаю, что это должно решить проблемы.

Тем не менее, V8 лучше справился бы с задачей точно сказать, где ввод неожиданно закончился.

Попробуйте Firebug для Mozilla - он покажет положение пропавших без вести }.

http://getfirebug.com/

Смотрите мой случай по другому подобному вопросу :

В моем случае я пытался разобрать пустой JSON:

JSON.parse(stringifiedJSON);

Другими словами, произошло следующее:

JSON.parse("");

Я получаю эту ошибку, когда пропускаю символ закрывающей скобки ( }) в коде JavaScript. Убедитесь, что ваши брекеты правильно сбалансированы.

Для записи, для тех, кто пытается найти различные причины этой ошибки. Пустой атрибут данных HTML5

data-mydata = ''

вызывает ошибку тоже. Вы должны проверить, когда значение данных является пустой строкой и вообще не включать атрибут. Само собой разумеется, что это в значительной степени относится к сгенерированному сценарием HTML.

Проблема для меня заключалась в том, что я делал $ .ajax с dataType: "json"запросом POST, который возвращал HTTP 201 (создан) и тело запроса не было. Исправление было просто удалить этот ключ / значение.

JSHint хорош в поиске местоположения пропущенных скобок или неправильного синтаксиса.

Другая причина этой ошибки: если ваш API преднамеренно отвечает без тела ответа, но отвечает 200 OKкодом состояния вместо 204 No Contentкода состояния. Некоторые библиотеки JavaScript могут не очень хорошо реагировать на непредвиденные типы контента, когда его нет, поэтому используйте правильный код состояния!

Там обязательно будет открытая скобка, которая вызвала ошибку.

Я бы посоветовал открыть страницу в Firefox, затем открыть Firebug и проверить консоль - там будет отображаться отсутствующий символ.

Пример скриншота:

Моя проблема была с кешем Google Chrome. Я проверил это, запустив свое веб-приложение на Firefox, и там не было этой ошибки. Тогда я решил попробовать очистить кеш Google Chrome, и это сработало.

В тех случаях, когда ваш код JavaScript сведен к одной строке, другая причина этой ошибки используется //вместо /**/ваших комментариев.

Плохо (комментирует все после //включения закрытия }для вашей функции)

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

Хорошо (ограничивает ваш комментарий)

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

В моем случае я динамически добавлял javascript и дважды использовал двойные кавычки в строковых шаблонах, поэтому я изменил второй на одинарные кавычки, и ошибка исчезла. Я надеюсь, что это поможет некоторым людям, приезжающим сюда по той же причине.

Я сталкивался с подобной проблемой, используя директиву UI bootstrap для angularjs - uib-datepicker, при переключении am / pm.

Ошибка в обработчике события для (неизвестно): SyntaxError: Неожиданный конец углового таймера ввода JSON

Оказалось, что это из-за плагина «Trans-over» (который переводит слово при нажатии). Возможно, мой ответ кому-нибудь поможет, потому что я ничего не нашел в интернете.

Поскольку это асинхронная операция, она onreadystatechangeможет произойти до того, как значение будет загружено в responseText, попробуйте с помощью a window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); проверить, сохраняется ли ошибка? BOL

Я имел эту ошибку и исправил ее, добавив охрану readyStateи statusпоказав здесь:

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

если вы получили ошибку в теге привязки, просто замените «Onclick» на «href» или «href» на «Onclick»

Установка Acceptзаголовка application/jsonв запросе работала для меня, когда я столкнулся с той же проблемой.

Попытка разобрать пустой JSON может быть причиной этой ошибки.

Когда вы получаете ответ от сервера или чего-то еще, сначала проверьте, не пуст ли он. Например:

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

Тогда вы можете получить с:

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