Wie kann ich meine Angular 2 App mit dem Importieren von Fassdateien arbeiten lassen?

8

Ich versuche die Angular 2 Style Guideline 04-10 Create und Import Barrels hier zu finden: Ссылка

Wenn ich meine App starte, versucht angular jetzt, eine Datei zu laden, die nicht existiert: "my-component-name-here.js".

Um das Problem zu veranschaulichen, habe ich die Angular 2-Beispielanwendung so geändert, dass sie eine Barrel-Datei verwendet, und jetzt wird ebenfalls ein 404-Fehler ausgelöst.

Ich lege die Helden-Komponentendateien in ihren eigenen Ordner namens Helden. Ich habe eine neue Datei namens helden / index.ts:

erstellt %Vor%

Ich habe die Import-Anweisung in app.component.ts in:

geändert %Vor%

Wenn die App versucht, geladen zu werden, weist sie den folgenden Fehler auf, der in der Entwicklerkonsole zu sehen ist:

%Vor%

Der Plunkr ist hier zu finden: Ссылка

Ich vermute, das hat etwas mit SystemJS zu tun, aber ich weiß nicht genug darüber, um es zu beheben. Kann jemand helfen? Vielen Dank im Voraus!

    
Foxy 16.05.2016, 17:50
quelle

2 Antworten

13

Sie müssen einige Änderungen vornehmen, damit das Fass funktioniert,

index.ts

%Vor%

systemjs.config.js

Fügen Sie einen Eintrag zu map wie folgt hinzu,

%Vor%

dann in packages einen Eintrag wie folgt machen,

%Vor%

Dies löst barrel issue, aber löst nicht vollständig dein Problem, da du auch auf hero-detail innerhalb der helders-Komponente verweisst, also musst du daran arbeiten.

Hoffe das hilft !!

    
Madhu Ranjan 16.05.2016, 18:29
quelle
0

Wie weit ich in Ihrem Plunkr sehen kann, befindet sich die HeroesComponent -Klasse innerhalb der app/heroes/heroes.component.ts -Datei. Also würde ich stattdessen folgendes verwenden:

%Vor%     
Thierry Templier 16.05.2016 18:24
quelle

Tags und Links