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.