Sass 不使用 angular-cli 编译答案

【问题标题】：Sass not compiling with angular-cliSass 不使用 angular-cli 编译
【发布时间】：2016-12-12 11:12:39
【问题描述】：

我正在尝试将 Sass 与 angular-cli 一起使用，但它不起作用。我收到以下错误：

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

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

我错过了什么让它工作吗？

【问题讨论】：

【解决方案1】：

其实现在你可以用预编译器创建你的项目是不对的。你应该用它来创建你的项目。

ng new my_project --style=sass

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

ng new my_project --style=scss

【讨论】：

【解决方案2】：

显然，documentation 中有一个小错误。

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

【讨论】：