2016-08-06 1 views
4

Ich versuche, Sass mit angular-cli zu verwenden, aber es funktioniert nicht. Ich erhalte den folgenden Fehler:Sass nicht mit angular-cli kompilieren

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

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

Fehle ich etwas, damit es funktioniert?

Antwort

4

Anscheinend gibt es einen kleinen Fehler in der documentation.

styleUrls sollte nicht scss oder sass als Erweiterung haben aber css statt. Ersetzen ['app.component.sass'] von ['app.component.css'] löste das Problem.

+0

Ich bin mit Winkel-cli und My SCSS Fliegen werden mit Ausnahme der app.component.scss in Stammverzeichnis kompiliert immer –

+0

So, jetzt Ihre Dateien werden von scss/sass nach css kompiliert? Ich habe mit dem gleichen Problem zu kämpfen, und wie ich sehe, werden meine CSS-Dateien von generierten Komponenten nicht kompiliert und verwendet. –

+0

Hallo, ab heute müssen Sie nur noch Ihre 'scss'-Dateien in Ihre Komponente importieren. Siehe die [offiziellen Dokumente] (https://github.com/angular/angular-cli/wiki/stories-css-preprocessors). – Will

4

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

ng new my_project --style=sass 

oder wenn Sie wollen mit SCSS Syntax gehen verwenden:

ng new my_project --style=scss 
Verwandte Themen