アングル2でプレビルドされたテーマを適用しても何も変更されません

Question

私はマテリアルプレビルドテーマを適用しようとしていますが、私のアプリケーションのスタイルはまったく変更されません。私は私のstyles.cssファイルにimport文に@import "../node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css";

を含めていますが、何も変わりません。私はファイルへの私のパスが正しいことを確認しました、私はファイルにMaterialのコアを含めました。私はまた、index.htmlで

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

含むしようとしたが、それは404エラーを返しました。あらかじめ作成されたテーマのほとんどの修正は、styles.cssファイルにインポートを含めるだけで解決されましたが、それは私の状況には役立ちません。私はAngular CLIをこのプロジェクトに使用しています。

Answer 1

はあなたのStyles.cssを内部に次のimportステートメントを使用します。starting guideから撮影

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

。また、他の手順のほとんどを適用する必要があります。

Z. Bagley氏はコメントの中で、<button md-raised-button color="primary">Test</button>はテーマが機能するかどうかを確認する簡単な方法です（MdButtonModuleを忘れないでください）。