SCSS Files in Angular 7

Question

I'm trying to import a SCSS file in a CSS file. The following error appears when I try to compile the project. Has somebody faced this issue? I've looked in internet, but the error explanation is not that clear. Thanks!

ERROR in ./src/styles.css (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./src/styles.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: ENOENT: no such file or directory, open '\src\theme.scss'

styles.css

@import "/src/theme.scss";

check the import path.. it should be a relative path , starting from './' or ../. — Sachin Gupta
– Sachin Gupta, Commented Mar 14, 2019 at 9:55

Arun Purewal · Accepted Answer · 2019-03-14 10:33:38Z

1

You could also add it to the angular.json file like so:

    styles: [
  "src/theme.scss"
            ]

and it should pick it up.

answered Mar 14, 2019 at 10:33

Arun Purewal

4571 gold badge7 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

SCSS Files in Angular 7

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related