Angular 2の "Angular Materialコアテーマが見つかりませんでした"というエラーを修正するにはどうすればよいですか？

Question

私はAngular2で実際に新しく、Angular 2フロントエンドでプロジェクトを継承しました。コンソールで新しいAngular 4.0に切り替えると、エラーが表示されます。

"compatibility.ts：221 Angular Materialコアテーマが見つかりませんでした。ほとんどのMaterialコンポーネントが期待通りに機能しない可能性があります。 https://material.angular.io/guide/theming "

mdb.min.cssは、app/assets/cssフォルダにあります。 package.jsonの仕様は次のとおりです。

"@angular/common": "^4.0.0", 
"@angular/compiler": "^4.0.0", 
"@angular/core": "^4.0.0", 
... 
"angular-bootstrap-md": "*" 

エラーを解決するにはどうすればよいですか？

Answer 1

あなたのグローバルCSSやSASSファイルにテーマをインポートする必要があります。theming documentationすでに述べた角度素材提供の場合と同様に

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

：

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

またはその代わりに、あなたのindex.htmlファイルに含めます次の既成テーマがあります。

• deeppurple-amber.c SS
• インジゴpink.css
• ピンク-bluegrey.css
• 紫green.css

あなたはこれらのテーマの一つが含まれるように持っているか、独自のカスタムテーマを作成します。