Angular 4 AOT Build-Problem, Bootstrap-Fehler

8

Ich habe eine Angular 4 Hello World App mit Angular CLI erstellt und möchte die Produktionsversion mit AOT / WEBPACK Build ausprobieren, aber ich kann es nicht funktionieren lassen. Ich habe die Schritte in angular.io Website ( Ссылка ) ausgeführt. Wenn ich baue, bekomme Bootstrap Fehler.

tsconfig.json

%Vor%

package.json

%Vor%

index.html

%Vor%

main.ts

%Vor%

Wenn ich baue, erhalte ich einen Fehler

ng build --prod

%Vor%     
Sinu Varghese 18.05.2017, 08:07
quelle

3 Antworten

3

Sie müssen nicht mehr modul: module.id verwenden. Es war für vorherige Angular 2 Versionen.

Siehe - & gt; Ссылка

Komponentenrelative Vorlagen-URLs

Der AOT-Compiler erfordert, dass @ Component-URLs für externe Vorlagen und CSS-Dateien komponentenbezogen sind. Das bedeutet, dass der Wert von @ Component.templateUrl ein URL-Wert relativ zur Komponentenklassendatei ist. Beispiel: Eine URL "app.component.html" bedeutet, dass die Vorlagendatei ein gleichrangiges Mitglied der zugehörigen app.component.ts-Datei ist.

Während JIT-App-URLs flexibler sind, sollten Sie bei Komponenten-relativen URLs auf Kompatibilität mit der AOT-Kompilierung achten.

    
Maxi 18.05.2017 12:27
quelle
3

Bitte machen Sie 1 Sache npm -g installieren @ angular / cli

Erstellen Sie dann production build

es könnte angular cli alte Version Problem sein

und wenn Sie das Problem immer noch finden, dann setzen Sie den Code unter main.js

%Vor%

und ändern

%Vor%

bis

%Vor%

Bitte lassen Sie mich wissen, wenn das nicht hilft

    
Jalay Oza 23.05.2017 13:54
quelle
1
%Vor%     
HarryJs 28.05.2017 11:48
quelle

Tags und Links