Chrome: Uncaught SyntaxError: Nieoczekiwany koniec danych wejściowych

Podczas ładowania mojej strony w Google Chrome pojawia się niejasny błąd w konsoli:

Uncaught SyntaxError: Nieoczekiwany koniec danych wejściowych

Nie mam pojęcia, co to powoduje. Jak mam się zabrać do debugowania tego błędu?

Ten konkretny błąd jest irytującym faktem v8. W większości przypadków twój JavaScript jest w jakiś sposób uszkodzony. Na przykład brakuje }lub coś takiego.

Podany przykład, spowoduje to również „nieoczekiwany koniec danych wejściowych”:

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

Ale główną przyczyną problemów wydaje się być to, że żądany adres URL JSON ma typ zawartości, text/htmlktórego Chrome najwyraźniej próbuje przeanalizować jako HTML, co następnie skutkuje nieoczekiwanym zakończeniem wprowadzania danych, ponieważ dołączone tagi obrazu są przeanalizowane.

Spróbuj ustawić typ zawartości na text/plainmyślę, że to powinno rozwiązać problemy.

Niemniej jednak V8 może zrobić lepszą robotę, mówiąc dokładnie, gdzie dane wejściowe zakończyły się nieoczekiwanie.

Wypróbuj Firebug dla Mozilli - pokaże pozycję brakującego pliku }.

http://getfirebug.com/

Zobacz moją sprawę na innym podobnym pytaniu :

W moim przypadku próbowałem przeanalizować pusty JSON:

JSON.parse(stringifiedJSON);

Innymi słowy, to, co się stało, było następujące:

JSON.parse("");

Ten błąd pojawia się, gdy pominęłam znak nawiasu zamykającego ( }) w kodzie JavaScript. Sprawdź, czy Twoje szelki są odpowiednio wyważone.

Dla przypomnienia, dla każdego, kto próbuje znaleźć różne przyczyny tego błędu. Pusty atrybut danych HTML5

data-mydata = ''

powoduje również błąd. Należy sprawdzić, czy wartość danych jest ciągiem pustym i nie należy w ogóle uwzględniać atrybutu. Jest to oczywiste, że dotyczy to głównie kodu HTML generowanego przez skrypty.

Problem polegał na tym, że robiłem $ .ajax z dataType: "json"żądaniem POST, które zwracało HTTP 201 (utworzone) i nie było treści żądania. Rozwiązaniem było po prostu usunięcie tego klucza / wartości.

JSHint jest dobry w znajdowaniu lokalizacji brakujących nawiasów lub złej składni.

Inna przyczyna tego błędu: jeśli Twój interfejs API celowo odpowiada bez treści odpowiedzi, ale odpowiada 200 OKkodem stanu zamiast 204 No Contentkodu stanu. Niektóre biblioteki JavaScript mogą nie reagować dobrze na nieoczekiwane typy zawartości, gdy nie ma zawartości, więc użyj poprawnego kodu stanu!

Na pewno pojawi się otwarty nawias, który spowodował błąd.

Proponuję otworzyć stronę w przeglądarce Firefox, a następnie otworzyć Firebug i sprawdzić konsolę - pokaże brakujący symbol.

Przykładowy zrzut ekranu:

Mój problem dotyczył pamięci podręcznej Google Chrome. Przetestowałem to, uruchamiając moją aplikację internetową w przeglądarce Firefox i nie mam tam tego błędu. Więc wtedy zdecydowałem spróbować opróżnić pamięć podręczną Google Chrome i zadziałało.

W przypadkach, gdy kod JavaScript jest zminimalizowany do jednej linii, inną przyczyną tego błędu jest użycie //zamiast /**/komentarzy.

Źle (komentuje wszystko po //dołączeniu zamknięcia }funkcji)

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

Dobrze (ogranicza Twój komentarz)

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

W moim przypadku dynamicznie dodawałem javascript i użyłem podwójnych cudzysłowów 2 razy w szablonach ciągów, więc zmieniłem drugi na apostrofy i błąd zniknął. Mam nadzieję, że pomoże to niektórym osobom przyjeżdżającym tutaj z tego samego powodu.

Podobny problem napotkałem przy użyciu dyrektywy ui bootstrap dla angularjs - uib-datepicker, po naciśnięciu przełącznika am / pm.

Błąd w obsłudze zdarzenia dla (nieznane): SyntaxError: Niespodziewany koniec wejściowego kąta czasowego JSON

Okazało się, że było to spowodowane wtyczką „Trans-over” (która tłumaczy słowo po kliknięciu). Może moja odpowiedź komuś pomoże, bo w internecie nic nie znalazłem.

Ponieważ jest to operacja asynchroniczna, onreadystatechangemoże się zdarzyć, zanim wartość zostanie załadowana w responseText, spróbuj użyć a, window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); aby sprawdzić, czy błąd nadal występuje? BOL

Miałem ten błąd i naprawiłem go, dodając strażnika readyStatei statuspokazany tutaj:

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

jeśli wystąpił błąd w tagu kotwicy, zamień „Onclick” na „href” lub „href” na „Onclick”

Ustawienie Acceptnagłówka application/jsonw żądaniu zadziałało, gdy napotkałem ten sam problem.

Próba przeanalizowania pustego kodu JSON może być przyczyną tego błędu.

Kiedy otrzymasz odpowiedź z serwera lub czegokolwiek, najpierw sprawdź, czy nie jest pusta. Na przykład:

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

Następnie możesz pobrać za pomocą:

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