我几乎是 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": "*"
如何修复错误?
最佳答案
您必须将主题导入到您的全局 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">
如 theming documentation已经提到 Angular Material 提供了以下预建主题:
- deeppurple-amber.css
- 靛蓝粉色.css
- pink-bluegrey.css
- 紫色-绿色.css
您必须包含这些主题之一,或者创建您自己的自定义主题。
关于css - 如何修复 Angular 2 中的错误 “Could not find Angular Material core theme”?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45761431/