Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bootstrap/Sass compiling error

See original GitHub issue

Apologies in advance if this information is available somewhere.

I have a site which is up and running and wished to make edits. I cloned the Github to my local machine and ran npm install. I also ran bower install just in case. npm install resulted in the following lines of note:

npm WARN lifecycle enduro_mirror@1.0.0~postinstall: cannot run in wd %s %s (wd=%s) enduro_mirror@1.0.0 ./node_modules/bower/bin/bower install /home/******/dev/v2port npm WARN enduro_mirror@1.0.0 No repository field.

Upon running enduro dev, I receive the following error while it is attempting to compile the SASS:

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ Sass error ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ assets/css/vendor/bootstrap_selection.scss Error: File to import not found or unreadable: …/…/vendor/bootstrap/scss/normalize. Parent style sheet: /home/*****/dev/v2port/assets/css/vendor/bootstrap_selection.scss on line 5 of assets/css/vendor/bootstrap_selection.scss

@import ‘…/…/vendor/bootstrap/scss/normalize’; ^

▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲

Any thoughts? I’ve tried installing jquery and bootstrap locally (globally). I also used enduro theme to create a new mirror starter page and had no issues there, everything was normal.

I appreciate your time and assistance.

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

jj-owenscommented, Oct 31, 2017

Ok, This is the workaround that worked for me:

change paths in the assets/css/vender/bootstrap_selection.scss file to import directly from the node_modules folder located in the root project path, such as: @import '../../../node_modules/bootstrap/scss/normalize'
add bootstrap to package.json in project root directory, or npm install it manually.
remove bootstrap from bower.json in the project root directory such that:

"dependencies": { "jquery": "^3.1.1", "requirejs": "^2.3.2", "kiskabricks_wedgecss": "^1.0.0", "font-awesome": "^4.7.0" }

after those steps run bower install from the root project directory.
once that is complete, run enduro dev and voila, no more sass compilation error!

This probably isn’t best practice- but it’s what worked for me after trying so many different methods. Hopefully this helps run down the actual problem?

0reactions

jj-owenscommented, Oct 31, 2017

Is this part of the problem?

https://github.com/twbs/bootstrap/issues/24068

It appears bower should no longer be used to install bootstrapv4.

Is there a workaround?

Top Results From Across the Web

Importing bootstrap.scss breaks SASS compilation #35018

I have create-react-app project (react-scripts@4.0.3). It works if I do npm start , but not when npm run build . This error occurs...

Error compiling bootstrap.scss - Issue with _root.scss

I am getting an error when compiling my bootstrap sass file. The error looks like this below. When I comment out lines 4...

SCSS Compile Error - Material Design for Bootstrap

Hi, We bought MDB Pro yesterday and have some trouble compiling the SCSS Code. Can someone take a look at this issue?

error compiling scss with node, cant reference bootstrap files

when i run npm run dev i get this error ERROR in ./resources/scss/app.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ...

Sass · Bootstrap v5.0

Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons. ... you may encounter errors where a specific Sass map's key is being used....