Sass not compiling with angular-cli

Question

I'm trying to use Sass with angular-cli but it's not working. I'm getting the following error:

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

I've added node-sass to my package.json, changed styleUrls to ['app.component.sass'] and also set "styleExt": "sass" in the angular-cli.json file.

Am I missing something to make it work?

Answer 1

Actually it's not right for the moment you can create your projects with precompilers.You should create your project with it.

ng new my_project --style=sass

or if you want to use scss syntax go with:

ng new my_project --style=scss

Answer 2

Apparently, there's a minor mistake in the documentation.

styleUrls shouldn't have scss or sass as extension but css instead. Replacing ['app.component.sass'] by ['app.component.css'] solved the problem.