Angular4 + Sass - Module build failed:

Question

I'm setting up new project. I need help with sass implementation in Angular4. I have no idea why I keep getting this error.

.html .sass

console error

I have sass installed on my computer, and default styleExt was set to sass when creating project through cmd

I can't find any explanaion on the internet neither on stack overflow.

Thanks

amal · Accepted Answer · 2017-09-13 18:39:57Z

1

I don't think that is a valid Sass syntax (the use of braces {}). Did you intend to use Scss instead? (both are usually pronounced the same way). The above syntax is valid for Scss.

You can either change the default styleExt to scss (and rename your styles related files to end in .scss or remove the braces {} from the styles file shown.

edited Sep 13, 2017 at 18:39

answered Sep 13, 2017 at 18:32

amal

3,1801 gold badge15 silver badges21 bronze badges

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

1 Comment

Kacper Cieluch Over a year ago

Thanks, I found a solution to this problem in the same time when you posted your answer actuallly. This was quite confusing to me that sass has two different types of syntax. I hope your answer will help other people in the future

penleychan · Accepted Answer · 2017-09-13 18:36:12Z

1

The error is pretty self-explanatory, Invalid CSS after .navigation

This is a valid sass:

.navigation
   border-color: red

What you're trying to do is SCSS. Change your styleExt to scss on .angular-cli.json

answered Sep 13, 2017 at 18:36

penleychan

5,4971 gold badge20 silver badges29 bronze badges

Collectives™ on Stack Overflow

Angular4 + Sass - Module build failed:

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related