2017-04-20 4 views
3

Ich habe das Thema CSS in meine style.css in meinem Projekt wie folgt importiert, genau wie es auf der Angular Material Website angegeben wurde.Angular Material 2 Theme funktioniert nicht in der Produktion

@import '[email protected]/material/prebuilt-themes/indigo-pink.css'; 

Wenn ich es in dev-Modus haben, aber die Styling funktioniert, wenn ich die Produktion bauen, wird das Styling nicht.

Irgendwelche Ideen?

+0

Sie Ihre Konsole Registerkarte und Netzwerk-Registerkarte erfassen könnte –

Antwort

0

können Sie <link href="https://unpkg.com/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

in <head> Abschnitt index.html hinzufügen

oder kopieren Sie den Ordner prebuilt-Themen aus Knoten-Module/@ Winkel/Material z.B. in den Ordner/assets, dann @import "./assets/prebuilt-themes/indigo-pink.css"; in Ihrem css/SCSS Datei

3

diese Zeile in die Stile Array hinzufügen in Winkel cli.json:

"../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" 
Verwandte Themen