Question

我使用此在线工具http://materialtheme.arcsine.org/生成了Angular Material主题，并将其包含在styles.css中。我还重新编译了node-sass。

但是我（仍然）收到此错误：

  Argument `$color` of `rgba($color, $alpha)` must be a color

在node_modules/@angular/material/_theming.scss中（第1277行，第11列）。这是有问题的函数：

@function mat-color($palette, $hue: default, $opacity: null) {
  // If hueKey is a number between zero and one, then it actually contains an
  // opacity value, so recall this function with the default hue and that given opacity.
  @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {
    @return mat-color($palette, default, $hue);
  }

  $color: map-get($palette, $hue);
  $opacity: if($opacity == null, opacity($color), $opacity);

  @return rgba($color, $opacity);
}

有什么主意吗？生成的样式如下所示：https://github.com/arciisine/MaterialThemeGenerator/blob/master/src/styles

我正在使用材料6.4.6

Answer 1

对于有相同问题的任何人：我更新到Angular 7.1，现在可以使用。

Angular Material + Theme Generator => rgba（$ color，$ alpha）的参数$ color必须是一种颜色

1 个答案: