如何解决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

你必须包括其中的一个主题或创建自己的自定义主题。