Alcuni utenti segnalano errori JS occasionali sul mio sito. Il messaggio di errore dice "Identificatore, stringa o numero previsto" e il numero di riga è 423725915, che è solo un numero arbitrario e cambia per ogni rapporto quando si verifica ciò. Ciò accade principalmente con i browser IE7 / Mozilla 4.0.
Ho scansionato il mio codice un sacco di volte e ho eseguito jslint ma non ha rilevato nulla: qualcuno sa del tipo generale di problemi JS che portano a questo messaggio di errore?
Risposte:
La causa di questo tipo di errore può spesso essere una virgola fuori posto nella definizione di un oggetto o di un array:
var obj = {
id: 23,
name: "test", <--
}
Se appare su una linea casuale, forse fa parte della definizione di un oggetto che stai creando dinamicamente.
,\s*?\n?\s*?]e,\s*?\n?\s*?\}
L'utilizzo della parola classe come chiave in un dizionario Javascript può anche attivare il temuto errore "Identificatore, stringa o numero previsto" perché la classe è una parola chiave riservata in Internet Explorer.
CATTIVO
{ class : 'overlay'} // ERROR: Expected identifier, string or number
BENE
{'class': 'overlay'}
Quando si utilizza una parola chiave riservata come chiave in un dizionario Javascript, racchiudere la chiave tra virgolette.
Spero che questo suggerimento ti risparmi una giornata di debug infernale.
In realtà ho ottenuto qualcosa del genere su IE di recente ed era correlato agli "errori" di sintassi JavaScript. Dico errore tra virgolette perché andava bene ovunque ma su IE. Questo era sotto IE6. Il problema era correlato alla creazione di oggetti JSON e una virgola aggiuntiva, come
{ one:1, two:2, three:3, }
A IE6 non piace davvero quella virgola dopo 3. Potresti cercare qualcosa del genere, piccoli problemi di formalità di sintassi.
Sì, pensavo che anche il numero di righe multimilionario nel mio JavaScript a 25 righe fosse interessante.
In bocca al lupo.
Questa è una non risposta definitiva: eliminare una risposta allettante ma sbagliata per aiutare gli altri a navigare verso le risposte corrette.
Potrebbe sembrare che il debug evidenzi il problema. Tuttavia, l'unico browser in cui si verifica il problema è IE e in IE è possibile eseguire il debug solo del codice che faceva parte del documento originale. Per il codice aggiunto dinamicamente, il debugger mostra semplicemente l'elemento body come istruzione corrente e IE afferma che l'errore si è verificato su un numero di riga enorme.
Ecco una pagina web di esempio che dimostrerà questo problema in IE:
<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>
Questo ha prodotto per me il seguente errore:
Line: 54654408
Error: Object required
<script>tag, locale o come risorsa caricata. Debug. Torna al tuo script di lavoro.
Ho appena visto il bug in una delle mie applicazioni, come un catch-all, ricordati di racchiudere il nome di tutte le proprietà javascript che sono le stesse della parola chiave.
Trovato questo bug dopo aver partecipato a un bug in cui un oggetto come:
var x = { class: 'myClass', function: 'myFunction'};
ha generato l'errore (classe e funzione sono parole chiave) questo è stato risolto aggiungendo virgolette
var x = { 'class': 'myClass', 'function': 'myFunction'};
Spero di farti risparmiare tempo
if(_features.delete){...}che causava un errore perché l'eliminazione è una parola chiave. stackoverflow.com/questions/26255/...
http://closure-compiler.appspot.com/home raccoglierà questo errore con un riferimento preciso al numero di riga effettivo nello script incriminato.
IE7 è molto meno indulgente rispetto ai browser più recenti, in particolare Chrome. Mi piace usare JSLint per trovare questi bug. Troverà queste virgole posizionate in modo improprio, tra le altre cose. Probabilmente vorrai attivare l'opzione per ignorare gli spazi non corretti.
Oltre alle virgole inserite in modo improprio, in questo blog nei commenti qualcuno ha segnalato:
Ho cercato un errore che diceva solo "Identificatore previsto" solo in IE (7). La mia ricerca mi ha portato a questa pagina. Dopo un po 'di frustrazione, si è scoperto che il problema che ho usato una parola riservata come nome di una funzione ("switch"). L'errore non era chiaro e indicava il numero di riga sbagliato.
Rimuovi gli indesiderati, accedi alla funzione. otterrai la soluzione.
Riferiscilo
http://blog.favrik.com/2007/11/29/ie7-error-expected-identifier-string-or-number/
Questo errore si verifica quando aggiungiamo o perdiamo la rimozione di una virgola alla fine dell'array o nel codice della funzione. È necessario osservare l'intero codice di una pagina web per tale errore.
L'ho ricevuto in un codice dell'app di Facebook mentre stavo codificando per un'API di Facebook.
<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>
Questo suona come uno script che è stato inserito con src e caricato solo a metà, causando un errore di sintassi sine il resto non viene caricato.
IE7 ha problemi con gli array di oggetti
columns: [
{
field: "id",
header: "ID"
},
{
field: "name",
header: "Name" , /* this comma was the problem*/
},
...
Un'altra variazione di questo bug: avevo una funzione chiamata "continue" e poiché è una parola riservata ha generato questo errore. Ho dovuto rinominare la mia funzione "continueClick"
Forse hai un oggetto con un metodo "costruttore" e prova a invocarlo.
Puoi riscontrare questo problema durante l'utilizzo di Knockout JS. Se provi a impostare l'attributo di classe come nell'esempio seguente, fallirà:
<span data-bind="attr: { class: something() }"></span>
Esci dalla stringa della classe in questo modo:
<span data-bind="attr: { 'class': something() }"></span>
I miei 2 centesimi.
Anch'io mi ero imbattuto in questo problema. Ho trovato di seguito due soluzioni. 1). Come menzionato da altri sopra, rimuovi la virgola extra dall'oggetto JSON. 2). Inoltre, il mio JSP / HTML stava avendo. Per questo motivo stava attivando la vecchia modalità del browser che dava un errore JS per una virgola extra. Quando viene utilizzato, attiva la modalità HTML5 del browser (se supportata) e funziona bene anche con Extra Comma proprio come qualsiasi altro browser FF, Chrome ecc.
Ecco una tecnica semplice per eseguire il debug del problema: eseguire l'eco dello script / codice sulla console. Copia il codice dalla console nel tuo IDE. La maggior parte degli IDE esegue il controllo degli errori sul codice ed evidenzia gli errori. Dovresti essere in grado di vedere l'errore quasi immediatamente nel tuo editor JavaScript / HTML.
Ha avuto lo stesso problema con una configurazione diversa. Questo era in una definizione di fabbrica angolare, ma presumo che potrebbe accadere anche altrove:
angular.module("myModule").factory("myFactory", function(){
return
{
myMethod : function() // <--- error showing up here
{
// method definition
}
}
});
La correzione è molto esotica:
angular.module("myModule").factory("myFactory", function(){
return { // <--- notice the absence of the return line
myMethod : function()
{
// method definition
}
}
});
Questo può accadere anche in Typescript se chiami una funzione nel bel mezzo del nulla all'interno di una classe. Per esempio
class Dojo implements Sensei {
console.log('Hi'); // ERROR Identifier expected.
constructor(){}
}
Chiamate di funzione, come console.log()deve essere all'interno delle funzioni. Non nell'area in cui dovresti dichiarare i campi di classe.
Problema con il dattiloscritto per Windows
Funziona in IE, Chrome, FF
export const OTP_CLOSE = { 'outcomeCode': 'OTP_CLOSE' };
Funziona in Chrome, FF, Non funziona in IE 11
export const OTP_CLOSE = { outcomeCode: 'OTP_CLOSE' };
Immagino sia in qualche modo correlato alle parole riservate di Windows
Mi sono imbattuto in questo errore in cui invece di una virgola finale o qualcosa del genere, questa sintassi era stata utilizzata in constants.js
var titles = {
[title.X]: 'X title',
[title.Y]: 'Y title'
}
A IE 11 non è piaciuto affatto.
Come accennato in precedenza, questo è stato facilmente risolto utilizzando
var titles = {
'title.X': 'X title',
'title.Y': 'Y title'
}