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?

Possible duplicate of How do I add Sass compilation in Angular CLI 6: angular.json? — Jason Aller
– Jason Aller, Commented Jul 18, 2019 at 16:34

msanford · Accepted Answer · 2017-07-19 19:39:16Z

6

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

edited Jul 19, 2017 at 19:39

msanford

12.4k13 gold badges73 silver badges100 bronze badges

answered Oct 2, 2016 at 11:21

Mertcan Diken

15.4k2 gold badges29 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

brians69 · Accepted Answer · 2016-08-06 00:50:20Z

4

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.

answered Aug 6, 2016 at 0:50

brians69

4853 gold badges12 silver badges26 bronze badges

3 Comments

Saiyaff Farouk Over a year ago

I am using angular-cli and My scss flies are getting compiled except the app.component.scss in root directory

palucdev Over a year ago

So now your files are compiled from scss/sass to css? I'm struggling with the same problem and as I see, my .scss files from generated components are not compiled and used.

Will Over a year ago

Hi, as of today, you just need to import your scss files in your component. See the official docs.

Collectives™ on Stack Overflow

Sass not compiling with angular-cli

2 Answers 2

Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Linked

Related