Can't find bootstrap when creating CSS file

[Zaun23]

Hey,
I want to create a custom theme and use webpixels as a starting point.
Currently I'm having the problem, that SASS isn't finding the bootstrap folders.

Notes about compilation and installation process:

• I'm installing Webpixels through libman, meaning it's not in my node_modules folder but in wwwroot/lib/webpixels
• I'm currently compiling SCSS through the command line using version 1.49.7

The problem occurs the first time that I need to import a stylesheet from the bootstrap folder which is located in wwwroot/lib/bootstrap.

The problem can be reproduced by following these steps:

1. create a new .NET Core hosted Blazor Web Assembly Application
2. right click project folder -> add client side library (@webpixels/[email protected]) -> install
3. create empty stylesheet.css in wwwroot directory
4. open terminal in wwwroot directory and execute following command:
   sass lib\webpixels\css\index.scss StyleSheet.css

These steps lead to following error:
Error: Can't find stylesheet to import.
@import 'bootstrap/scss/functions';

I also have tried installing the bootstrap folder into the wwwroot/lib directory to mimic the folder structure in node_modules when installing with npm.

Thank you alot for your help.
Kind regards
Simon

[radiopromohub]

What did you do to have this fixed? I'm having the same issue.

[extrabright]

When compiling SCSS through the command line have you tried adding wwwroot/lib in the --load-path? Something like this:

sass --load-path=lib --style=compressed --source-map --embed-sources scss:dist/ 

And make sure Bootstrap source is located withing that folder.