SCSS Loading error in angular-cli

Question

I'm using to AngularCLI to Angular2. I included sass preprocessor with SCSS syntax. But when i type ng serve or npm run build after eject i got something like this. I checked the directories and everything was fine, i read about SASS loader bug, but now i have the newest version where that bug is fixed. Does anyone have idea how i can fix it ?

Thank you in advance.

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-
loader?{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss 
Module not found: Error: Can't resolve '../images/arrow_bullet-01.png' in 
'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?
{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss  
6:87042-87082
@ ./src/styles.scss
@ multi ./src/styles.scss

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-
loader?{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-
regular.eot' in 'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?
{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss 
6:243131-243183 6:243206-243258
@ ./src/styles.scss
@ multi ./src/styles.scss

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-
loader?{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-
regular.woff' in 'F:\Angular2Tests\bootstrapscss\src'
@ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?
{"ident":"postcss"}!./~/sass-loader/lib/loader.js?
{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss 
6:243310-243363
@ ./src/styles.scss
@ multi ./src/styles.scss

borislemke · Accepted Answer · 2017-06-01 10:15:35Z

1

There is a known issue with the sass library where it won't load files relative to it's importing file. For fonts, you might be required to import with an absolute path to your src directory.

The issue is tracked here

The angular-cli team decided to close it as it is an issue with the sass lib rather than the cli.

answered Jun 1, 2017 at 10:15

borislemke

9,1965 gold badges43 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

SCSS Loading error in angular-cli

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related