Wo finde ich die Datei systemjs.config.js in einem angularJS2-Projekt?
Ich bin neu bei eckig 2 und versuche, den ng2-datetime-picker in meinem Projekt zu verwenden. Nachdem ich das ng2-datetime-picker-Paket installiert habe, nachdem ich das Projekt ausgeführt habe, bekam ich einen 404 Fehler, der ng2-datetime-picker nicht gefunden hat , nachdem ich einige Blogs durchgelesen hatte Konfiguration in der Datei systemjs.config.js, aber wenn ich mein Projekt durchging, kann ich in meinem Projekt keine Datei systemjs.config.js sehen. also meine Frage ist,
- Wo existiert die Datei systemjs.config.js?
-
Ist der folgende Code die Datei systemjs.config.js
?System.import ('app'). catch (funktion (err) {console.error (err);});
-
Wenn ja, wie kann ich dieser Datei Map und Pakete hinzufügen
map ['ng2-datetime-picker'] = 'node_module / ng2-datetime-picker / dist'; Pakete ['ng2-datetime-picker'] = {main: 'ng2-datetime-picker.umd.js', defaultExtension: 'js'} update 1
Dies ist meine Datei systemjs.config.js
%Vor%und der hinzugefügte Verweis in der Datei index.js ist
%Vor% Dies ist der Fehler, den ich nach dem Hinzufügen der Datei systemjs.config.js und der Referenz in der Datei index.html erhalte
2 Antworten
Sie müssen eine "systemjs.config.js" -Datei erstellen und sie wie ein normales Skript aus index.html laden:
%Vor%Stellen Sie sicher, dass Sie System.JS vor dem Konfigurationsskript enthalten:
%Vor%Das folgende Skript lädt das erste Modul:
%Vor%Standardmäßig (entsprechend Ihrer systemjs.config.js) sucht SystemJS nach app.js oder app / main.js.
In Ihrer Datei systemjs.config.js möchten Sie das Knotenpaket einem Pfad zuordnen, in dem sich eine index.js oder package.json befindet, die angibt, wo sich das Modul befindet. Das Modul sollte mit Ihrem Modullader kompatibel sein, den Sie verwenden möchten: AMD, UMD, CommonJS, SystemJS, es6 usw.
Folgendes sollte in Ihrer Datei systemjs.config.js funktionieren:
%Vor%Oder Sie könnten die UMD-Datei direkt zuordnen:
%Vor%Folgendes funktioniert nur mit CommonJS / AMD / SystemJS, da index.js die 'require'-Syntax verwendet:
%Vor%BEARBEITEN
Das sollte funktionieren:
%Vor% Für diejenigen, die nach systemjs.config.js content suchen. Es wird etwas Ähnliches sein, Sie können es entsprechend Ihren Anforderungen konfigurieren.
Und Ihre index.html sieht folgendermaßen aus: (Achten Sie auf die Reihenfolge der .js-Datei)
%Vor%Tags und Links angular