如何解決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或青菜文件：

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

或備選地包括在你的index.html文件：

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

正如theming documentation已經提到角材料提供以下預建主題：

• deeppurple-amber.c SS
• 靛藍pink.css
• 粉bluegrey.css
• 紫green.css

你必須包括其中的一個主題或創建自己的自定義主題。