Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SCSS boostrap path error when installing from npm #298

Open
alanbernale opened this issue Jul 20, 2020 · 3 comments
Open

SCSS boostrap path error when installing from npm #298

alanbernale opened this issue Jul 20, 2020 · 3 comments

Comments

@alanbernale
Copy link

When installing from npm, importing into project sass files and loading using webpack, it throws the following error:
SassError: File to import not found or unreadable: ../node_modules/bootstrap/scss/bootstrap.scss. on line 3 of node_modules/sleek-dashboard/scss/sleek.scss

Archivo sleek.scss en node_modules/sleek-dashboard/scss:
@import "../node_modules/bootstrap/scss/bootstrap.scss";

The error can be corrected by changing the path to:
@import "~bootstrap/scss/bootstrap";

@iamabdus
Copy link
Collaborator

@alanbernale @polynar
@import "~bootstrap/scss/bootstrap"; does not work for direct use (git clone). Do you have any solution?

@draxvint
Copy link

draxvint commented Sep 23, 2020

What do you mean direct use?
If someone doesn't want to use npm packages then use the compiled css in dist/assets folder and if you want to use scss and add customization to it use npm packages and install bootstrap package.

Please tell me if I see the things wrong.

@iamabdus
Copy link
Collaborator

@polynar
If you fork or git clone the Sleek and run it, @import "~bootstrap/scss/bootstrap"; does not work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants