Sass "Error: Can't find stylesheet to import." when importing bootstrap globally
angular
Ethan JacksonWhen using
@import "bootstrap/scss/bootstrap";
in the styles.scss, I get the above error "Error: Can't find stylesheet to import."
Angular file structure:
--src
--app
--styles.scss
--angular.json
inside angular.json I have the following:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.min.js"],
I tried changing the string to match the actual destination inside the node_modules.
Answer
I found the solution. @importis being deprecated and it is suggested to start utilizing @use .