` `opacity($color)`的参数`$color`必须是颜色
` `opacity($color)`的参数`$color`必须是颜色
提问于 2017-11-16 04:46:32
我正在尝试创建Angular 2主题，我遵循网站上提到的教程。这是我的主题文件。
@import '~@angular/material/theming';
@include mat-core();
$primary: mat-palette($mat-deep-purple);
$accent: mat-palette($mat-amber, A200);
$theme: mat-light-theme($primary, $accent);
@include angular-material-theme($theme);
.m2app-dark {
$dark-primary: mat-palette($mat-blue, A800);
$dark-accent: mat-palette($mat-light-blue, A8008);
$dark-warn: mat-palette($mat-orange, A200);
$dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
@include angular-material-theme($dark-theme);
}在构建的时候，我得到了如下的体验：
ERROR in ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/app-theme.scss
Module build failed:
undefined
^
Argument `$color` of `opacity($color)` must be a color
Backtrace:
node_modules/@angular/material/_theming.scss:1119, in function `opacity`
node_modules/@angular/material/_theming.scss:1119, in function `if`
node_modules/@angular/material/_theming.scss:1119, in function `mat-color`
node_modules/@angular/material/_theming.scss:1508, in mixin `mat-option-theme`
node_modules/@angular/material/_theming.scss:3798, in mixin `mat-core-theme`
node_modules/@angular/material/_theming.scss:3848, in mixin `angular-material-theme`
stdin:15
in C:\my-data\code\xenia\xenia-ui\node_modules\@angular\material\_theming.scss (line 1119, column 34)
Error:
undefined
^
Argument `$color` of `opacity($color)` must be a color
Backtrace:
node_modules/@angular/material/_theming.scss:1119, in function `opacity`
node_modules/@angular/material/_theming.scss:1119, in function `if`
node_modules/@angular/material/_theming.scss:1119, in function `mat-color`
node_modules/@angular/material/_theming.scss:1508, in mixin `mat-option-theme`
node_modules/@angular/material/_theming.scss:3798, in mixin `mat-core-theme`
node_modules/@angular/material/_theming.scss:3848, in mixin `angular-material-theme`
stdin:15
in C:\my-data\code\xenia\xenia-ui\node_modules\@angular\material\_theming.scss (line 1119, column 34)
at options.error (C:\my-data\code\xenia\xenia-ui\node_modules\node-sass\lib\index.js:291:26)
@ ./src/app-theme.scss 4:14-190
@ multi ./src/styles.css ./src/app-theme.scss请让我知道我做错了什么。谢谢
回答 2
Stack Overflow用户
发布于 2018-05-16 11:51:19
您传递的第二个选项也应该是颜色代码。不同的颜色有不同的颜色代码，任何随机数都不起作用。完整列表可在此处找到- https://material.io/design/color/#tools-for-picking-colors
因此，在您的情况下，这两种方法都应该有效：
$dark-primary: mat-palette($mat-blue, A700);
$dark-primary: mat-palette($mat-blue, 800);因为这两种色调都是公认的色调
Stack Overflow用户
发布于 2017-11-16 05:08:01
我想问题出在这条线上。
$primary: mat-palette($mat-deep-purple);将其替换为以下行：
$primary: mat-palette($mat-deep-purple,A100);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47321817
复制相关文章
相似问题
ggplot2两种不同美学的独特传说
文本和点几何的ggplot2尺寸美学
用ggplot2绘制的瓷砖--同一瓷砖中的两种美学导致图形故障
ggplot2 -轴美学
修改美学- ggplot2
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
