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']解決了這個問題。