angular2: Uncaught SyntaxError: Unerwartetes Token

7

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%     
Edward 30.12.2015, 18:17
quelle

8 Antworten

4

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

    
Abdulrahman 30.12.2015, 20:35
quelle
19

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.

>     
Haringat 05.03.2016 22:50
quelle
3

Ich nehme an, Sie haben eckige Beta-Version 2 installiert. In diesem Fall müssen Sie zusätzliche Module installieren:

%Vor%

Und importieren Sie diese Skripte:

%Vor%

BEARBEITEN:

Tatsächlich wurden diese Änderungen in alpha 49     

Eggy 30.12.2015 19:25
quelle
2

In meinem Fall kam der Fehler aus dem Vergessen,

einzuschließen

%Vor%

in index.html

    
Michael Gikaru 22.01.2016 22:28
quelle
2

In meinem Fall hatte ich

%Vor%

was einen Fehler ergab.

Ich wechselte zu

%Vor%

und das Problem ging weg. Achte also auf die Groß- / Kleinschreibung.

    
imahama 01.05.2016 11:41
quelle
0

In Beta 3 mit dem Paket rxjs v5.0.0-beta.0, das im Schnellstart von Angular 2 empfohlen wird. Ich wechselte von dem npm-Paket zu dem auf der Angular-Beta-CDN und es funktionierte gut.

%Vor%     
snort 05.02.2016 21:31
quelle
0

Dies wurde heute mit Angular 2.0.0-beta.0 und rxjs erreicht. Musste sich ändern

%Vor%

bis

%Vor%     
weltschmerz 10.02.2016 05:23
quelle
0

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

    
Sul Aga 16.04.2016 18:46
quelle