Angular CLI 7：Sass无法编译

Question

不久前我安装了Angular Cli 7并开始了清洁项目

ng new my-app

我为css选择了预编译器SASS，但是当我正在编辑文件样式。然后它不起作用时，我的styles.sass看起来像这样

h1 { color: red }

但ng服务显示此消息

编译失败。

./src/styles.sass(./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src ?? embedded！./ node_modules / sass-loader / lib / loader.js ?? ref - 14-3！./ src / styles.sass）模块构建失败（来自./node_modules/sass-loader/lib/loader.js ）：

h1 {^“h1 {”：期望“}”之后的无效CSS，在/Users/a/Documents/angular-projects/my-app/src/styles.sass中为“{”（第1行，第5列）

怎么解决？ 为什么会这样？

Answer 1

• CLI提供了一个命令行标志，用于在使用ng new my-app --style=scss创建新项目时更改样式

• 正如你所看到的，扩展性.scss ，不.sass （至少在你使用的语法，这是LESS）

• 你错过了一个分号h1 { color: red; } h1 { color: red; }

• 如果不重新创建新项目来解决这个问题，请记住相应地更新angular.json和组件文件

Answer 2

老兄...我认为你的sintaxe可能是错的，请看你正在使用的https://sass-lang.com/guide

h1
   color: red,
   align: center
   ...

Answer 3

可能是因为您升级了节点。 尝试安装node-sass

npm install node-sass

有关node-sass的更多详细信息， 请访问https://www.npmjs.com/package/node-sass

Answer 4

有同样的问题，尝试了一切，包括重新安装所有的包和节点本身，但没有一个帮助。
最后，项目被克隆到D：\\ somefolder而不是我之前克隆的桌面 。 然后它编译没有任何问题，并正常工作。