Wiredep not updating main.scss [SOLVED]

sage
1

I have a clean install of sage and when running “gulp” or “gulp styles”, wiredep is not inecting anything in main.scss.

It simply removes the default line…

// Automatically injected Bower dependencies via wiredep (never manually edit this block)
// bower:scss
@import “…/…/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss”;
// endbower

becomes…

// Automatically injected Bower dependencies via wiredep (never manually edit this block)
// bower:scss
// endbower

Any help much appreciated

2

Can you try running gulp wiredep and letting me know if that fixes anything?

3

You’ve run bower install in your theme directory?

You have not removed Bootstrap from Bower, right?

1 Like
4

Thanks for the suggestion Julien, I have run the wiredep task without any luck.

Node 0.12.7
NPM 2.13.1

5

After changing into the sage directory I have run:

$ npm install
$ bower install
$ gulp

Which should generate all of the required base styles according to the screencast…

I have not removed bootstrap.

6

Were there any errors after running any of those commands?

7

No errors at all Kalen.

I can see the wiredep task is modifying the main.scss file. Instead of injecting between // bower:scss and // endbower it removes the original line @import "../../bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss";

8

Does your bower.json look like this?

https://github.com/roots/sage/blob/master/bower.json#L19

9

Hey Kalen, thanks for your time.

I have gone through and reinstalled node and npm and started with another clean copy of sage and everything is working as expected.

Can we close this topic out as user error…