Chrome: Yakalanmayan Sözdizimi Hatası: Beklenmedik giriş sonu

Sayfamı Google Chrome'a ​​yüklerken, konsolda belirsiz bir hata alıyorum:

Yakalanmamış SyntaxError: Beklenmedik giriş sonu

Neye sebep olduğu hakkında hiçbir fikrim yok. Bu hatayı hata ayıklamaya nasıl giderim?

Bu özel hata, v8. Çoğu durumda JavaScript'iniz bir şekilde bozulur. Örneğin, eksik }ya da bunun gibi bir şey.

Verilen örnekte bu da "Beklenmedik giriş sonu" verecektir:

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

Ancak sorunların temel nedeni, istenen JSON URL'sinin, Chrome'un görünüşe göre HTML olarak ayrıştırmaya çalıştığı bir İçerik Türüne sahip text/htmlolduğu görülüyor. çözümlenir.

Belirlemeyi deneyin Content-Type için text/plainben sorunları gidermek gerektiğini düşünüyorum.

Bununla birlikte, V8 , girişin beklenmedik bir şekilde nerede bittiğini söylemek konusunda daha iyi bir iş yapabilir .

Mozilla için Firebug'u deneyin - eksiklerin konumunu gösterecektir }.

http://getfirebug.com/

Bkz Davamı diğerine benzer bir soru :

Benim durumumda, boş bir JSON ayrıştırmaya çalışıyordum:

JSON.parse(stringifiedJSON);

Başka bir deyişle, olan şuydu:

JSON.parse("");

}JavaScript kodunda bir kapama ayracı karakteri ( ) ommitted zaman bu hatayı alıyorum . Desteklerinizin dengeli bir şekilde dengelendiğini kontrol edin.

Kayıt için, bu hatanın çeşitli nedenlerini bulmaya çalışan herkes için. Boş bir HTML5 veri özelliği

data-mydata = ''

hataya da neden olur. Veri değerinin boş bir dize olup olmadığını ve özniteliği hiç içermediğini kontrol etmelisiniz. Bu büyük ölçüde komut dosyası oluşturulan HTML ile ilgili olduğunu söylemeye gerek yok.

Benim için sorun ben dataType: "json"bir HTTP 201 (oluşturulan) ve hiçbir istek gövdesi döndüren bir POST isteği için $ .ajax ile yapıyordu oldu. Düzeltme sadece o anahtarı / değeri kaldırmaktı.

JSHint eksik parantez veya kötü sözdizimi yerini bulmakta iyidir.

Bu hatanın başka bir nedeni: API'nız kasıtlı olarak yanıt gövdesi olmadan yanıt veriyorsa, ancak 200 OKdurum kodu yerine bir durum kodu ile yanıt veriyorsa 204 No Content. Bazı JavaScript kitaplıkları, içerik olmadığında beklenmeyen içerik türlerine iyi yanıt vermeyebilir, bu nedenle doğru durum kodunu kullanın!

Kesinlikle hataya neden olan açık bir braket olacaktır.

Sayfayı Firefox'ta açmanızı, ardından Firebug'u açıp konsolu kontrol etmenizi öneririm - eksik sembolü gösterecektir.

Örnek ekran görüntüsü:

Sorunum Google Chrome önbelleğiyle oldu. Bunu web uygulamamı Firefox'ta çalıştırarak test ettim ve orada bu hatayı almadım. Sonra Google Chrome'un önbelleğini boşaltmaya karar verdim ve işe yaradı.

JavaScript kodunuzun tek bir satıra küçültülmesi durumunda , yorumlarınız //yerine bu hatanın başka bir nedeni kullanılıyor /**/.

Kötü ( işlevinizin //kapanışını ekledikten sonra her şeyi yorumlar })

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

İyi (yorumunuzu sınırlar)

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

Benim durumumda dinamik olarak javascript ekleyerek ve dize şablonlarında 2 kez çift tırnak kullanarak ikinci tek tırnak için değiştirdi ve hata gitti. Umarım buraya gelen bazı insanlara aynı sebepten dolayı yardımcı olur.

Am / pm toggle tuşuna basarken angularjs - uib-datepicker için ui bootstrap yönergesini kullanarak benzer bir sorunla karşılaştım.

Olay işleyicisinde hata (bilinmiyor): Sözdizimi Hatası: JSON girişi açısal zamanlayıcısının beklenmedik sonu

'Trans-over' eklentisi olduğu ortaya çıktı (tıklandığında bir kelimeyi çevirir). Belki cevabım birine yardım edecek, çünkü internette hiçbir şey bulamadım.

onreadystatechangeDeğeri responseText'e yüklenmeden önce gerçekleşen bir eşzamansız işlem window.setTimeout(function () { JSON.parse(xhr.responseText); }, 1000); olduğundan, hatanın devam edip etmediğini görmek için a kullanmayı deneyin ? BOL

Ben bu hatayı vardı ve nöbet ekleyerek sabit readyStateve statusburada gösterilen:

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

Bağlantı etiketinde hata varsa, "Onclick" yerine "href" veya "href" yerine "Onclick" yazın

Aynı sorunla karşılaştığımda , Acceptüstbilgiyi application/jsonistekte ayarlamak benim için çalıştı.

Boş bir JSON ayrıştırmaya çalışmak bu hatanın nedeni olabilir.

Sunucudan bir yanıt aldığınızda veya her neyse, önce boş olup olmadığını kontrol edin. Örneğin:

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

Ardından aşağıdakileri getirebilirsiniz:

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