首页 > 解决方案 > 角度材料: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

解决方案


找到答案如果我们将 Angular 升级到 12 ,节点版本不应低于 12.20

从这篇文章得到答案在 为我的第一个角度应用程序运行“ng serve”时出现错误


推荐阅读