Angular2 RC1 Ladeproblem - SyntaxError: Unerwartetes Token <

Question

Ich versuche, meine Anwendung von Angular 2 Beta 18 zu Angular2 RC1 zu aktualisieren, habe bereits Importe geändert, viele Syntaxfehler behoben und jetzt bekomme ich diesen Fehler, wenn der App wird geladen. Auch Angular2 Quickstart funktioniert nicht!

zone.js:323 Error: (SystemJS) SyntaxError: Unexpected token < 
    Evaluating http://localhost:8080/@angular/platform-browser-dynamic 
    Error loading http://localhost:8080/app/ts/main.component.js 

Meine Hauptkomponenten:

import {bootstrap} from '@angular/platform-browser-dynamic'; 
import {AppComponent} from './app.component'; 

bootstrap(AppComponent); 

ich diese https://github.com/valor-software/ng2-dragula/issues/274 gefunden, aber ich habe keine Ahnung, was es bedeutet, in dem für erforderlich usw. Dank zu suchen.

Answer 1

Sie müssen Ihrem Modullader (SystemJS) beschreiben, wie Ihre App strukturiert ist, damit sie weiß, wo sie nach Dateien suchen muss, wenn sie Ihre Importe auflösen. Jetzt sucht es main.component.js in app/ts/ Ordner, und Ihr Server gibt Standarddatei (wahrscheinlich index.html), die SystemJS nicht versteht (erstes Zeichen in index.html ist <).

SystemJS zu konfigurieren, fügen Sie map und/oder packages Eigenschaften zum config Objekt in system-config.js

System.config({ 
    map: { 
    // when I ask for 'app' look for it in 'path/to/app` folder 
    app: 'path/to/app' 
    }, 
    // describe 'app' package, so System knows how to handle it 
    // look at docs for options... 
    packages: { 
    app: { 
     // if you compiled ts to CommonJS module 
     format: 'cjs' 
    } 
    }, 
}); 

Ich schlage vor, Sie schauen auf einige Beispiele von Anwendungen arbeiten und sehen, wie sie konfiguriert sind, oder Tools verwenden, die handhaben Konfiguration für Sie, wie Angular CLI.