Angular 6材质恢复材质颜色
Angular 6材质恢复材质颜色
提问于 2018-06-22 06:53:39
"@angular/material"："^6.2.1“遇到了一个非常小的问题。我无法在我的应用程序的任何css/scss文件中导入任何标准材质颜色，包括styles.scss
示例：
$app-panel-green: mat-color($mat-green);
在任何scss文件中都会出现此错误：
ERROR in ./src/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles.scss)
Module build failed:
$app-panel-green: mat-color($mat-green);
^
Undefined variable: "$mat-green".
in /**********/src/styles.scss (line 1, column 29)styles.scss仅包含以下内容(以前的除外)：
@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";
/*@import './theme.scss';*/
body { margin: 0; }而预先构建的主题工作得很好。我甚至不需要一个自定义主题，只想使用材料调色板。
回答 1
Stack Overflow用户
发布于 2018-06-22 07:18:26
如果你想使用一个默认的调色板，你可以这样做：
@import '~@angular/material/theming'; // Pay attention on the path
@include mat-core();
$candy-app-primary: mat-palette($mat-deep-orange);
$candy-app-accent: mat-palette($mat-deep-orange, A200, A100, A400);
$candy-app-warn: mat-palette($mat-red);
$candy-app-theme: mat-light-theme($candy-app-primary, $candy-app-accent, $candy-app-warn);
@include angular-material-theme($candy-app-theme);别忘了在你的主题to .angular-cli.json to styles部分中包含这个文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50978461
复制相关文章
相似问题
腾讯云开发者
