Eckig mit Typoskript: ReferenceError: System nicht definiert System.config

Habe ich versucht zu installieren, Winkel 2 für TypeScript nach diesem tutorial: https://angular.io/guide/quickstart

Und ich bin immer diese Fehlermeldung:

ReferenceError: System nicht definiert System.config

Ich weiß nicht, wie das passiert.

Ordner-Struktur:

project
|-index.hml
|-assets
    |-js
    |- jquery
    |-app
       |-app.component.js
       |-app.component.ts
       |-app.component.js.map
       |-main.js
       |-main.ts
       |-main.js.map
haben Sie Hinzugefügt system.js?
<script src="node_modules/systemjs/dist/system.src.js"></script>
Ich verstehe, dass. Was Sie getan haben, ist, haben Sie installiert alle Pakete npm und verweisen auf Sie. Ich habe Euch gezeigt, CDN/online-Referenzen. Versuch es einfach mal. Fügen Sie alle genannten Referenzen zu index.html und prüfen, ob noch Fehler tritt auf!
jetzt bekomme ich : Error: Unable to load script file:///D:/zontal-admin/app/main.js Fehler beim laden file:///D:/zontal-admin/app/main.js
1) hast du die Datei in diesem Pfad? 2)verwenden Sie den lokalen server, um die app auszuführen?

InformationsquelleAutor Fabio Santos | 2016-03-03

  1. 3

    Müssen Sie SystemJS aufgenommen in Ihre HTML-Seite. Zu machen die Arbeit Ihrer Angular2 Anwendung von Ihrem node_modules Ordner, benötigen Sie mindestens:

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script> <!---
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>

    Und konfigurieren SystemJS laden Sie das kompilierte Typoskript (eigentlich JavaScript mit einem js - Erweiterung). So etwas wie:

    <script>
  System.config({
    map: {
      app: 'assets/js/app'
    },
    packages: {        
      app: {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
</script>

    Diese Konfiguration bedeutet, dass, wenn Sie versuchen, importieren Sie einige Module, beginnend mit app/, SystemJS geladen werden, die entsprechende JS-Datei (kompiliert von Typoskript). Zum Beispiel: System.import('app/main'); lädt die app/main.js Datei.

    Dies bedeutet, dass müssen Sie zusammengestellt haben, Ihre TypeScript-Dateien vor. Beim Start des npm run start Befehl, der tsc-compiler wird automatisch gestartet, im hintergrund und kompilieren wird TypeScript-Dateien in JS, wenn änderungen erkannt werden. Sie können überprüfen, dass der compiler ist tatsächlich gestartet, und Sie haben die JS Dateien erstellt...

    Gibt mir die gleiche Fehlermeldung, wenn ich dieses:<script src="code.angularjs.org/tools/system.js"></script> er gibt eine andere Fehlermeldung
    er sagte:Error: Unable to load script file:///D:/zontal-admin/app/main.js Fehler beim laden file:///D:/zontal-admin/app/main.js da ich meine app im inneren assets\js\app
    Sie könnten versuchen, fügen Sie ein map block in Ihrer SystemJS Konfiguration. So etwas wie: System.config({ map: { app: 'assets/js/app' }, packages: { ... } });
    es immer noch nicht funktioniert, ich weiß nicht, wie das Verzeichnis ändern
    Wann ist dein HTML-entry-point-Datei befindet? Können Sie in Ihrer Frage die Struktur Ihrer Projekte (Ordner ts-Dateien und kompiliert js-Dateien)? Danke!

    InformationsquelleAutor Thierry Templier

  2. 2

    index.html

    stellen Sie sicher, fügen Sie die folgende.

    <script src="https://code.angularjs.org/2.0.0-beta.7/angular2-polyfills.js"></script>


<script src="https://code.angularjs.org/tools/system.js"></script>
//error reason can be missing of this reference.


<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.7/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.7/angular2.min.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.7/http.min.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.7/router.dev.js"></script>
    jetzt bekomme ich : Error: Unable to load script file:///D:/zontal-admin/app/main.js Fehler beim laden file:///D:/zontal-admin/app/main.js

    InformationsquelleAutor micronyks

  3. 1

    Dies ist ein Duplikat für angular2js: Uncaught Referenz-Fehler: System ist nicht definiert

    Im Falle von Angular2 Samen bereits umgesetzt injections und die erforderlichen libs loading - Mechanismus sollten Sie nur verwenden diese Methoden.

    Falls Sie das erstellen der app aus scratch können Sie auch libs wie Sie wollen, wie oben beschrieben.

    InformationsquelleAutor Samuel Ayvazyan

Schreibe einen Kommentar