Angular Cli und AOT Probleme

Question

Ich benutze Angular CLI 1.4.1 in meinem Projekt und möchte mit AOT Kompilierung erstellen. Jedoch habe ich zwei Probleme konfrontiert:

1) Ich habe Shop-Modul mit Registrierung Komponente. In dem registration.component.css hinzugefügt I Linie

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 

Diese Datei ist in der node_modules/@ Winkel/Material/prebuilt-Themen/Ordner. Allerdings, wenn ich AOT Build laufen bekomme ich Fehlermeldung:

Error: Compilation failed. Resource file not found: C:/library/src/app/shop/book-registration/~@angular/material/prebuilt-themes/indigo-pink.css 
    at ModuleResolutionHostAdapter.readResource (C:\library\node_modules\@angular\compiler-cli\src\compiler_host.js:387:19) 

2) Ich globale Datei styles.css haben und es in der .angular-cli.json enthalten:

"styles": [ 
    "styles.css" 
    ] 

Wenn ich laufen Entwicklung erstellen die Stile aus dieser Datei sind auf der Seite verfügbar. Nach dem AOT-Build werden die Styles jedoch nicht geladen.

Bitte beraten.

Answer 1

entfernen Import aus Ihrer Komponente

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 

und fügt Bezug zu diesem Thema in Winkel cli.json:

"styles" : [ 
    "styles.css", 
    "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"] 

und versuchen ng Lauf dient wieder