时间戳

首页 > 解决方案 > 应用角度主题错误。scss中的mat-core错误

angular - 应用角度主题错误。scss中的mat-core错误

问题描述

请我在这个问题上需要帮助，因为我研究并做了一些事情，但它没有解决......

错误：错误：模块构建失败（来自./node_modules/mini-css-extract-plugin/dist/loader.js）：ModuleBuildError：模块构建失败（来自./node_modules/sass-loader/dist/cjs.js）： SassError：“@include mat”之后的无效 CSS：预期 1 个选择器或规则，是“.core();” 在 src/assets/styles/styles.scss 的第 10 行

@include mat.core();

我的风格.scss

样式.scss

@use '~@angular/material' as mat;

@include mat.core();

$STBNET-primary: mat.define-palette(mat.$indigo-palette);
$STBNET-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);

$STBNET-warn: mat.define-palette(mat.$red-palette);

$STBNET-theme: mat.define-light-theme((
  color: (
    primary: $STBNET-primary,
    accent: $STBNET-accent,
    warn: $STBNET-warn,
  )
));

@include mat.all-component-themes($STBNET-theme);


html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

标签： angularangular-materialmaterial-designthemes

解决方案

推荐阅读