Sass nicht mit angular-cli - angularjs kompilieren, eckig, sass, angular-cli

Ich versuche Sass zu benutzen Winkel-Cli aber es funktioniert nicht. Ich bekomme den folgenden Fehler:

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

Ich habe hinzugefügt node-sass zu meinem package.json, geändert styleUrls zu ["app.component.sass"] und auch eingestellt "styleExt": "sass" in dem angular-cli.json Datei.

Fehle ich etwas, damit es funktioniert?

Antworten:

Anscheinend gibt es einen kleinen Fehler in der Dokumentation.

styleUrls sollte nicht haben scss oder sass als Erweiterung aber css stattdessen. Ersetzen ["app.component.sass"] durch ["app.component.css"] Problem gelöst.

Eigentlich ist es nicht richtig für den Moment, dass Sie Ihre Projekte mit Precompilern erstellen können. Sie sollten Ihr Projekt damit erstellen.

ng new my_project --style=sass

oder wenn Sie scss Syntax verwenden möchten, gehen Sie mit:

ng new my_project --style=scss