Ich erhalte immer den Fehler Uncaught SyntaxError: Unexpected token <
, wenn ich versuche, meine angular2-Anwendung auszuführen. Dies ist nur eine Modifikation, die auf dem Routing-Tutorial der Website angular2 basiert.
Normalerweise sprechen diese Art von Fehlern für sich selbst, wo ich ein Stück Code falsch geschrieben habe. Aber die Chrome-Konsole sagt mir, dass der Fehler in einer angular2 js-Datei auftritt.
Lesen und versuchen Sie die Antworten von beiden Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL
und warning C4819: How to find the character that has to be saved in unicode?
hat nicht funktioniert. Ich vermute, dass der Fehler irgendwo in meinem boot.ts oder app.component.ts sein muss.
boot.ts
%Vor%app.component.ts
%Vor%index.html
%Vor%hall-center.component.ts
%Vor%Sie haben mehrere Probleme:
Ihr Komponentenselektor ist: 'my-app'
%Vor%sollte
sein %Vor%Außerdem importieren Sie eine falsche Datei:
%Vor%sollte
sein %Vor%Auch wenn Sie Ihr Typoskript nicht zu Java Script kompilieren, sollten Sie diese Zeile ändern und typoscript.js
importieren %Vor%sollte
sein %Vor%Auch Sie vermissen einige Importe:
%Vor%Hier ist ein Plotter , in dem Ihr Code funktioniert
Die obigen Antworten scheinen also korrekt zu sein, aber hier sind einige Informationen über den Fehler selbst (nur für andere, die auf dasselbe Problem stoßen und sich fragen, was sie falsch gemacht haben), weil es buchstäblich mit jedem einzelnen Importieren und ist ziemlich schwer zu finden.
Erscheint immer dann, wenn eine Datei benötigt wird und der Webserver so konfiguriert ist, dass er nur /
anstelle von 404-file-not-found-page
liefert.
/
übersetzt dann normalerweise in /index.html
und dort ist das erste Zeichen normalerweise <
(meistens der Anfang von <!DOCTYPE html>
) und da das kein gültiges Javascript ist, löst der Browser eine illegale Token-Ausnahme aus.
In meinem Fall kam der Fehler aus dem Vergessen,
einzuschließen
in index.html
Dies wurde heute mit Angular 2.0.0-beta.0 und rxjs erreicht. Musste sich ändern
%Vor%bis
%Vor%Achten Sie darauf, beim Importieren den vollständigen Pfad hinzuzufügen. Stellen Sie außerdem sicher, dass ./ vor importierten Dateien, die sich im selben Verzeichnis befinden, hinzugefügt wird.
Wenn also datei.ts service.ts importieren möchte, die sich im selben Verzeichnis befinden, dann schreiben Sie den Import wie folgt:
%Vor%wenn Sie
schreiben %Vor%dann erhalten Sie diesen Fehler
Tags und Links javascript angular typescript syntax-error token