Stylepreprocessoroptions Angular 8

I am following this to add importable scss files through stylePreprocessorOptions in Angular 8 but I keep getting the error that it is not being found. Any input is apreciated, thi

Solution 1:

I found same bug when started new app with Angular 8. It says "Can't find stylesheet to import." even for properly declared imports. After small investigation i found that it is related to sass-loader bug https://github.com/webpack-contrib/sass-loader/issues/704 I hope it will be fixed soon, but meanwhile there is a workaround:

For existing _mixins.scss in your stylePreprocessorOptions / includePaths, use filename including first underscore

@import'_mixins';

instead of more pretty, but currently buggy

@import'mixins';

Solution 2:

Be aware that if you use scss when you import as prefix you need specify type. @import "colors.scss";

Solution 3:

Please checkout your paths once again. In my case the problem was solved by including src like this:

"stylePreprocessorOptions":{"includePaths":["src/assets/styles",]

Solution 4:

Too many people are having this issue.

Seems that we need to add :

"stylePreprocessorOptions":{"includePaths":["// here paths to include""assets/styles",]

It seems to solve some issues, but still doesn't resolved me compass imports.