angular - 角度材料:SassError:“@include mat”之后的无效 CSS:预期 1 个选择器或规则,是“.core();”
问题描述
角度版本:12 npm:6.13.1 节点:12.14.1
构建应用程序时出现以下错误。
/src/abc.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
[1] ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
[1] SassError: Invalid CSS after "@include mat": expected 1 selector or at-rule, was ".core();"
[1] on line 8 of src/mv-app-theme.scss
[1] >> @include mat.core();
[1] ---------^
[1]
[1] at processResult (D:\project\node_modules\webpack\lib\NormalModule.js:676:19)
[1] at D:\project\node_modules\webpack\lib\NormalModule.js:778:5
[1] at D:\project\node_modules\loader-runner\lib\LoaderRunner.js:399:11
[1] at D:\project\node_modules\loader-runner\lib\LoaderRunner.js:251:18
[1] at context.callback (D:\project\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
[1] at Object.callback (D:\project\node_modules\sass-loader\dist\index.js:54:7)
[1] at Object.done [as callback] (D:\project\node_modules\neo-async\async.js:8069:18)
[1] at options.error (D:\project\node_modules\node-sass\lib\index.js:294:32)
然后我删除了node-sass,现在得到了不同的错误,知道吗?
(node:19948) UnhandledPromiseRejectionWarning: TypeError: MessagePort was found in message but not listed in transferList
[1] at new Worker (internal/worker.js:144:17)
[1] at SassWorkerImplementation.createWorker (D:\project\node_modules\@angular-devkit\build-angular\src\sass\sass-service.js:96:24)
[1] at SassWorkerImplementation.render (D:\project\node_modules\@angular-devkit\build-angular\src\sass\sass-service.js:62:40)
at Object.loader (D:\project\node_modules\sass-loader\dist\index.js:46:3)
解决方案
找到答案如果我们将 Angular 升级到 12 ,节点版本不应低于 12.20
从这篇文章得到答案在 为我的第一个角度应用程序运行“ng serve”时出现错误