angular-loading-bar not working with generator-angular-fullstack

[sethlesky]

Following the install instructions (https://github.com/chieffancypants/angular-loading-bar) on a fresh install of angular fullstack and I get the follow unhelpful error in the browser.

I've also opened an issue on angular-loading-bar, as I'm unsure of the cause.

Uncaught object angular.js:78
(anonymous function) angular.js:78
(anonymous function) angular.js:3857
forEach angular.js:325
loadModules angular.js:3823
createInjector angular.js:3763
doBootstrap angular.js:1415
bootstrap angular.js:1430
angularInit angular.js:1343
(anonymous function) angular.js:21773
fire jquery.js:3119
self.fireWith jquery.js:3231
jQuery.extend.ready jquery.js:3443
completed

[kingcody]

@sethlesky, I just generated a project answering yes to all questions (jade, less). Then I ran bower install --save angular-animate angular-loading-bar. I then added:

'ngAnimate',
'angular-loading-bar'

to my main module dependencies in client/app/app.js

I ran grunt serve and I was pleasantly greeted by an angular-loading-bar. Does this procedure mirror yours? Also, I received no error in my browser console.

[DaftMonk]

@sethlesky DI errors for some reason only fire a very non specific 'Uncaught object angular.js' error in chrome. If you open the page in firefox you should see a more detailed stack trace.

That said, it sounds like you may have forgotten to include the module as a dependency in your app.js

[sethlesky]

@DaftMonk @kingcody Seeing the full error in Firefox was helpful. The issue was not having correctly added ngAnimate to bower.json. Thanks a ton.

[kingcody]

Thank you @sethlesky, shedding light on the angular-loading-bar. I really like nProgress and when using angular, that module couldn't be easier to get going. I'll most like likely be using it in my own fullstack projects :)

If this solves your issue, would you mind closing it? Thanks again and best of luck!