Using bower to install third-party modules in a yoman-created Angular application does not work - nothing is displayed, no errors occur

Question

I am having problems with some third-party modules in my Angular application, where their inclusion causes the page to not display anything. This happens for two different modules, and I tried 2 different Angular generators (angular-generator and cg-angular), so it makes me think that I'm doing something wrong.

Here is an example for a timer directive . I run this command from the root of the application and confirm that the package was installed in the bower_components directory:

bower install angular-timer 

I add this line to index.html to indicate the directive:

 <script src="bower_components/angular-timer/dist/angular-timer.min.js"></script> 

I inject it into my application in app.js:

 angular.module('myapp', ['timer']); 

Then, when I load the page (grunt serve), the page is completely empty and the console does not report errors. The Network tab of the Chrome Developer Tools shows that the angular -timer.min.js script is actually loaded.

It seems simple, but obviously something is wrong, and I'm not sure how to debug it, given that there are no errors.

The platform is Linux Mint 16 x64 btw.

Any ideas are welcome!

Answer 1

If you use yoman mainly, you should correctly include modules in your app.js. As I can see from your link, the directive requires additional modules to run, I think, since it has session requirements. Make sure you meet all the requirements.