Sass没有用angular-cli编译

Question

我正在尝试使用带有角度cli的 Sass，但它不起作用。 我收到以下错误：

EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass 。

我已经将node-sass添加到我的package.json ，将styleUrls更改为['app.component.sass']并在angular-cli.json文件中设置"styleExt": "sass" 。

我错过了一些让它起作用的东西吗？

Answer 1

实际上，您现在可以使用预编译器创建项目是不对的。您应该使用它来创建项目。

ng new my_project --style=sass

或者如果你想使用scss语法，请使用：

ng new my_project --style=scss

Answer 2

显然， 文档中存在一个小错误。

styleUrls不应该有scss或sass作为扩展名而是css 。 用['app.component.sass']替换['app.component.sass'] ['app.component.css']解决了这个问题。