Chrome: Uncaught SyntaxError: Несподіваний кінець введення

Під час завантаження моєї сторінки в Google Chrome я отримую неясну помилку в консолі:

Uncaught SyntaxError: Несподіваний кінець введення

Я поняття не маю, що це викликає. Як би я міг пролагоджувати цю помилку?

Ця конкретна помилка є одним із прикрою фактом v8. У більшості випадків Ваш JavaScript якимось чином порушений. Наприклад, відсутні }або щось подібне.

Наведений приклад, це також дасть "Неочікуваний кінець введення":

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

Але першопричиною проблем, здається, є те, що запитуваний URL JSON має тип вмісту, 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 і використовував подвійні лапки 2 рази в рядкових шаблонах, тому я змінив другий на одинарні лапки, і помилка не стала. Я сподіваюся, що це допоможе деяким з людей, які приїжджають сюди з тієї ж причини.

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

Помилка в обробці подій для (невідомо): SyntaxError: Несподіваний кінець кутового вибору часу вводу JSON

Виявилося, це через плагін "Trans-over" (який перекладає слово при натисканні на нього). Можливо, моя відповідь комусь допоможе, бо я нічого не знайшов в Інтернеті.

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

У мене виникла помилка та її виправили, додавши захист readyStateта statusпоказавши тут:

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

якщо ви отримали помилку в тезі Anchor, просто замініть "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);