Cannot use grunt on simple Yeoman angular

Question

Trying to just startup a simple angular app via Yeoman, using steps in this guide http://www.sitepoint.com/kickstart-your-angularjs-development-with-yeoman-grunt-and-bower/

and get this error when trying to run grunt or grunt server:

Loading "Gruntfile.js" tasks...ERROR
Error: Cannot find module 'load-grunt-tasks'
Warning: Task "default" not found. Use --force to continue.

Here are my versions:

yo --version && grunt --version && bower --version
1.1.2<
grunt-cli v0.1.13
grunt v0.4.4
1.3.1

See screencast of this in action: http://screencast.com/t/4ToPw3SlL2

Answer 1

I just encountered the same problem today, managed to resolve it with the answers here.

Basically I needed to update npm to latest version, by using this command (the npm which came with Node-v0.10.29 package was outdated)

npm update npm -g

or

sudo npm update npm -g (i used this command on my mac)

Then type this command

npm --version (it should show 1.5.0-alpha-4 or later version)

Then type the grunt serve command

grunt serve

If you still have issues, then try running these commands

npm install 

or

sudo npm install (i used this command on my mac)

Then try grunt serve command again,

grunt serve

This time, it worked for me.

If it didn't, then try this command

bower install (i did not have to use this command)