Today I switched from my Mac to my Linux Ubuntu and attempted to continue working on a Roots site. After cloning it down and using vagrant up to start the server and the site. Then I noticed the sites styling was broken. So I looked at the main.css stylesheet and discovered it was not found. So I noticed /dist/ was in the file path. Just because of my experience I knew that meant I hadn't compiled the styles. So I navigated to the Theme folder and ran gulp. But I got the error below:

module.js:529
throw err;
^

Error: Cannot find module 'gulp-autoprefixer'
at Function.Module._resolveFilename (module.js:527:15)
at Function.Module._load (module.js:476:23)
at Module.require (module.js:568:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (/home/s3w47m88/Sites/ledbugboutique.com/site/web/app/themes/le-d-bug-boutique/gulpfile.js:3:20)
at Module._compile (module.js:624:30)
at Object.Module._extensions..js (module.js:635:10)
at Module.load (module.js:545:32)
at tryModuleLoad (module.js:508:12)
at Function.Module._load (module.js:500:3)

 

I had seen this before but didn't have it documented how to resolve it. After a little more thinking I realized this was an error with an NPM module. And you have to run npm install and bower install before you can start to code and view the theme as fully functioning. So I did that and everything worked.