如何修复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文件中:

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

或者将其包含在您的index.html文件中:

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

正如已经提到的主题文档中一样,Angular Material提供了以下预构建主题:

• deeppurple-amber.css
• 靛蓝pink.css
• 粉色bluegrey.css
• 紫green.css

您必须包含其中一个主题,或者您创建自己的自定义主题.