我在自定义主题的时候出错了

来源:2-8 Angular Material 主题

Kinmy建

2018-06-11

代码:

@import '~@angular/material/theming';


@include mat-core();


$my-app-primary: mat-palette($mat-indigo);

$my-app-accent: mat-palette($mat-pink, A200, A100, A400);

$my-app-warn: mat-palette($mat-red);


$my-app-theme: mat-ligth-theme($my-app-primary, $my-app-accent, $my-app-warn);


@include angular-material-theme($my-app-theme);

错误提示:

ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--8-3!./src/styles.scss

Module build failed:

  $foreground: map_get($theme, foreground);

              ^

      Argument `$map` of `map-get($map, $key)` must be a map

      in /Volumes/work/imooc_angular4_taskmgr/taskmgr/node_modules/@angular/material/_theming.scss (line 1230, column 16)


webpack: Failed to compile.


写回答

1回答

接灰的电子产品

2018-06-12

ng version

输出结果我看一下

0
1
Kinmy建
$my-app-theme: mat-ligth-theme($my-app-primary, $my-app-accent, $my-app-warn); 这里的ligth写错了,应该是light
2018-06-12
共1条回复

Angular打造企业级协作平台,让你在Angular领域中出类拔萃

全网首个介绍官方 Material 组件库用法与 Redux 在 Angular 中的应用

998 学习 · 536 问题

查看课程