Bazı kullanıcılar sitemde ara sıra JS hataları bildiriyor. Hata mesajı "Beklenen tanımlayıcı, dize veya sayı" diyor ve satır numarası 423725915'tir, bu yalnızca rastgele bir sayıdır ve bu olduğunda her rapor için değişir. Bu çoğunlukla IE7 / Mozilla 4.0 tarayıcılarında olur.
Kodumu birkaç kez taradım ve jslint'i çalıştırdım, ancak hiçbir şey almadı - bu hata mesajına yol açan genel JS sorunları türünü bilen var mı?
Yanıtlar:
Bu tür bir hatanın nedeni genellikle bir nesne veya dizi tanımındaki yanlış yerleştirilmiş virgül olabilir:
var obj = {
id: 23,
name: "test", <--
}
Rastgele bir satırda görünüyorsa, dinamik olarak oluşturduğunuz bir nesne tanımının parçası olabilir.
,\s*?\n?\s*?],\s*?\n?\s*?\}
Kelime sınıfını bir Javascript sözlüğünde anahtar olarak kullanmak, aynı zamanda korkunç "Beklenen tanımlayıcı, dize veya sayı" hatasını da tetikleyebilir çünkü sınıf , Internet Explorer'da ayrılmış bir anahtar kelimedir.
KÖTÜ
{ class : 'overlay'} // ERROR: Expected identifier, string or number
İYİ
{'class': 'overlay'}
Ayrılmış bir anahtar kelimeyi bir Javascript sözlüğünde anahtar olarak kullanırken, anahtarı tırnak içine alın.
Umarım bu ipucu sizi hata ayıklama cehenneminden kurtarır.
Aslında yakın zamanda IE'de buna benzer bir şey aldım ve JavaScript sözdizimi "hataları" ile ilgiliydi. Alıntılarda hata diyorum çünkü her yerde iyiydi ama IE'de. Bu IE6 altındaydı. Sorun, JSON nesnesi oluşturma ve aşağıdaki gibi ekstra bir virgülle ilgiliydi:
{ one:1, two:2, three:3, }
IE6 gerçekten 3'ten sonra virgülden hoşlanmıyor. Böyle bir şey arayabilirsin, dokunaklı küçük sözdizimi formalite sorunları.
Evet, 25 satır JavaScript'imdeki multi-milyon satır numarasının da ilginç olduğunu düşündüm.
İyi şanslar.
Bu kesin bir cevapsızlıktır: Başkalarının doğru cevaplara yönelmesine yardımcı olmak için cazip ama yanlış bir cevabı ortadan kaldırmak.
Hata ayıklama sorunu vurgulayacak gibi görünebilir. Ancak, sorunun oluştuğu tek tarayıcı IE'dir ve IE'de yalnızca orijinal belgenin parçası olan kodda hata ayıklayabilirsiniz. Dinamik olarak eklenen kod için, hata ayıklayıcı yalnızca gövde öğesini geçerli talimat olarak gösterir ve IE, hatanın çok büyük bir satır numarasında gerçekleştiğini iddia eder.
İşte bu sorunu IE'de gösterecek örnek bir web sayfası:
<html>
<head>
<title>javascript debug test</title>
</head>
<body onload="attachScript();">
<script type="text/javascript">
function attachScript() {
var s = document.createElement("script");
s.setAttribute("type", "text/javascript");
document.body.appendChild(s);
s.text = "var a = document.getElementById('nonexistent'); alert(a.tagName);"
}
</script>
</body>
Bu bana şu hatayı verdi:
Line: 54654408
Error: Object required
<script>etiket aracılığıyla yerel veya yüklenmiş bir kaynak olarak yerleştirin. Hata ayıklama. Çalışma betiğinize geri dönün.
Az önce uygulamalarımdan birinde hatayı gördüm, tümünü yakalamak için, anahtar kelimeyle aynı olan tüm javascript özelliklerinin adını eklemeyi unutmayın.
Bu hatayı, aşağıdaki gibi bir nesnenin bulunduğu bir hataya katıldıktan sonra buldum:
var x = { class: 'myClass', function: 'myFunction'};
hata oluşturdu (sınıf ve işlev anahtar sözcüklerdir) bu, tırnak işaretleri eklenerek düzeltildi
var x = { 'class': 'myClass', 'function': 'myFunction'};
Sana biraz zaman kazandırmayı umuyorum
if(_features.delete){...}Kodum, silme bir anahtar kelime olduğu için hataya neden olan gibi bir şey kullanıyordu . stackoverflow.com/questions/26255/…
http://closure-compiler.appspot.com/home , sorun teşkil eden komut dosyasındaki gerçek satır numarasına doğru bir referansla bu hatayı alacaktır.
IE7, özellikle Chrome gibi yeni tarayıcılardan çok daha az bağışlayıcıdır. Bu hataları bulmak için JSLint kullanmayı seviyorum . Diğer şeylerin yanı sıra, bu yanlış yerleştirilmiş virgülleri bulacaktır. Uygun olmayan beyaz boşlukları yok sayma seçeneğini etkinleştirmek isteyebilirsiniz.
Yanlış yerleştirilmiş virgüllere ek olarak, bu blogda birinin bildirdiği yorumlarda:
Yalnızca IE'de (7) yalnızca "Beklenen tanımlayıcı" yazan bir hatayı araştırıyorum. Araştırmam beni bu sayfaya yönlendirdi. Biraz hayal kırıklığından sonra, rezerve edilmiş bir sözcüğü işlev adı ("anahtar") olarak kullandığım sorun ortaya çıktı. Hata net değildi ve yanlış satır numarasını gösteriyordu.
İstenmeyenleri kaldırın, işlevde oturum açın. çözümü alacaksın.
Bunu öner
http://blog.favrik.com/2007/11/29/ie7-error-expected-identifier-string-or-number/
Bu hata, dizinin sonuna veya işlev koduna bir virgül eklediğimizde veya yok saydığımızda ortaya çıkar. Bu tür bir hata için bir web sayfasının tüm koduna bakmak gerekir.
Bir Facebook API'sini kodlarken bunu bir Facebook uygulama kodunda buldum.
<div id='fb-root'>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js'</script>
<script type='text/javascript'>
window.fbAsyncInit = function() {
FB.init({appId:'".$appid."', status: true, cookie: true, xfbml: true});
FB.Canvas.setSize({ width: 800 , height: 860 , });
// ^ extra comma here
};
</script>
Bu bana, src ile çekilmiş ve yarıya kadar yüklenmiş bir betik gibi geliyor, bu da bir sözdizimi hatası sinüsüne neden oluyor, kalanı yüklenmiyor.
IE7'de nesne dizileriyle ilgili sorunlar var
columns: [
{
field: "id",
header: "ID"
},
{
field: "name",
header: "Name" , /* this comma was the problem*/
},
...
Bu hatanın başka bir çeşidi: 'Devam' adında bir işleve sahiptim ve ayrılmış bir kelime olduğu için bu hatayı attı. İşlevimi 'ContinueClick' olarak yeniden adlandırmak zorunda kaldım
Belki 'yapıcı' yöntemine sahip bir nesneniz vardır ve onu çağırmaya çalışın.
Knockout JS kullanırken bu sorunu çözebilirsiniz. Aşağıdaki örnekte olduğu gibi sınıf özniteliğini ayarlamaya çalışırsanız başarısız olur:
<span data-bind="attr: { class: something() }"></span>
Sınıf dizesinden şu şekilde çıkın:
<span data-bind="attr: { 'class': something() }"></span>
2 sentim.
Ben de bu konuyla karşılaşmıştım. Aşağıda iki çözüm buldum. 1). Yukarıda başkaları tarafından belirtildiği gibi, JSON nesnesinden fazladan virgül kaldırın. 2). Ayrıca, JSP / HTML’im de vardı. Bu nedenle, tarayıcının ekstra virgül için JS hatası veren eski modunu tetikliyordu. Kullanıldığında tarayıcının HTML5 modunu tetikler (destekleniyorsa) ve tıpkı diğer tarayıcılar FF, Chrome vb. Gibi Ekstra Virgülle bile iyi çalışır.
Farklı bir konfigürasyonla aynı sorunu yaşadım. Bu, açısal bir fabrika tanımındaydı, ancak bunun başka yerlerde de olabileceğini varsayıyorum:
angular.module("myModule").factory("myFactory", function(){
return
{
myMethod : function() // <--- error showing up here
{
// method definition
}
}
});
Düzeltme çok egzotik:
angular.module("myModule").factory("myFactory", function(){
return { // <--- notice the absence of the return line
myMethod : function()
{
// method definition
}
}
});
Bu, bir sınıf içinde hiçliğin ortasında bir işlevi çağırırsanız, Typescript'te de olabilir. Örneğin
class Dojo implements Sensei {
console.log('Hi'); // ERROR Identifier expected.
constructor(){}
}
İşlev çağrıları, gibi console.log()işlevlerin içinde olmalıdır. Sınıf alanlarını bildirmeniz gereken alanda değil.
Windows sorunu için Typescript
Bu, IE, chrome, FF'de çalışır
export const OTP_CLOSE = { 'outcomeCode': 'OTP_CLOSE' };
Bu chrome, FF'de çalışır, IE 11'de çalışmaz
export const OTP_CLOSE = { outcomeCode: 'OTP_CLOSE' };
Sanırım bir şekilde Windows ayrılmış sözcükleriyle alakalı
Bu hatayla karşılaştım, sondaki virgül veya bunun gibi bir şey yerine, bu sözdizimi bir constants.js'de kullanıldı
var titles = {
[title.X]: 'X title',
[title.Y]: 'Y title'
}
IE 11 bundan hiç hoşlanmadı.
Daha önce belirtildiği gibi, bu, kullanılarak kolayca düzeltildi.
var titles = {
'title.X': 'X title',
'title.Y': 'Y title'
}