Clarity: File to import not found or unreadable: ~bootstrap/scss/normalize.

[BennieMeng]

when i import main.scss, i find this issue

[Shijir]

If you are accessing our sass files and building on your own, you need to install [email protected]. This issue is also related to https://github.com/vmware/clarity/issues/2419

[BennieMeng]

yes, thank you , i solve it by installing [email protected].
also we need to add follow config to our angular.json.
"stylePreprocessorOptions": { "includePaths": ["node_modules"] }
hope it helps others.

[juanmendes]

I'm also running into this problem when upgrading, I already have [email protected] installed but I'm not using the angular cli so I was not sure where to set the "stylePreprocessorOptions": { "includePaths": ["node_modules"] } option.

```ERROR in ./src/styles/themes/theme-default.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

@import 'bootstrap/scss/variables';
^
File to import not found or unreadable: bootstrap/scss/variables.
in /Users/jmendes/git/vcd_ui/content/core/node_modules/@clr/ui/src/utils/_dependencies.clarity.scss (line 11, column 1)
at runLoaders (/Users/jmendes/git/vcd_ui/content/core/node_modules/webpack/lib/NormalModule.js:286:20)
```

For anyone else not managing their own webpack config, you should set the following options in your sass-loader

{ loader: "sass-loader", options: { sourceMap: useSourceMaps ? true : void 0, precision: 8, includePaths: ["node_modules"] // This is what matters } }

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.