在一个新的 Angular 项目中,如果我添加带有自定义主题的 Angular Material,我会收到以下错误:
./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "@include mat": expected 1 selector or at-rule, was ".core();"
on line 2 of src/styles.scss
>> @include mat.core();
我正在使用Angular CLI: 12.0.5
Node: 14.17.1
Package Manager: npm 7.18.1
OS: win32 x64
Angular: 12.0.5
知道什么可能导致此错误吗?如果我尝试 ctrl+click @use '~@angular/material' as mat;
它不会带我去任何地方。繁殖方式:
ng new project
cd project
ng add @angular/material
<- 选择 sass 和自定义主题 ng serve
我试图运行
npm uninstall node-sass
,但似乎没有帮助。当我跑
ng serve
我仍然收到 node-sass 警告,并且收到完全相同的消息。我尝试使用
@import '~@angular/material/theming';
还是一样的错误。
最佳答案
您可以通过一起删除 node sass 来修复它。
npm卸载节点sass
上帝祝福你 ,
关于Angular Material 12 自定义主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68041221/