Das Anwenden eines vorgefertigten Designs in Angular 2 ändert nichts

Question

Ich versuche, ein vordefiniertes Material Material anzuwenden und es ändert nicht den Stil meiner App überhaupt. Ich schließe die Import-Anweisung

@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

in meiner styles.css Datei, aber es ändert sich nichts. Ich habe überprüft, dass mein Pfad zur Datei korrekt ist und ich habe den Materialkern in die Datei aufgenommen. Ich habe auch versucht einschließlich

<link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

in index.html aber die zurück Fehler 404. Die meisten Fixes für vorgefertigte Designs wurden gelöst, indem der Import in die Datei styles.css aufgenommen wurde, aber das hilft meiner Situation nicht. Ich verwende Angular CLI für dieses Projekt.

Answer 1

die folgende Import-Anweisung in Ihrem styles.css Verwendung:

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

vom starting guide genommen. Sie müssen auch die meisten anderen Schritte anwenden.

Wie Z. Bagley in den Kommentaren schlägt, <button md-raised-button color="primary">Test</button> wäre eine einfache Möglichkeit zu überprüfen, ob das Thema funktioniert (vergessen Sie nicht, MdButtonModule aufzunehmen).