Angular Material 12 自定义主题

Question

在一个新的 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';还是一样的错误。

Answer 1

您可以通过一起删除 node sass 来修复它。
npm卸载节点sass
上帝祝福你 ，