Adding ui.bootstrap dependency with bower

Question

I m trying to add ui.bootstrap dependency to my angular project (I m using yeoman, bower). I did this :

yo angular
bower install angular-ui
I then added to my index.html file : and
grunt serve

Then I added the ui.bootstrap dependency to my app.js:

angular.module('angularuiprojectApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute', 'ui.bootstrap'])

When I m trying to access to my index.html on Chrome I m getting this error :

Uncaught Error: [$injector:modulerr] Failed to instantiate module angularuiprojectApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either ......1)

I don't know where I m wrong, if someone can help me on this... Thanks.

Are you sure you added the correct file to index.html? Has it perhaps been replaced by ill-configured bower-install? Do you get any 404 errors in the browser? — Mikke

pkozlowski.opensource pkozlowski.opensource · Accepted Answer · 2014-03-04T19:13:02

You are installing a wrong package from bower. The correct one to install is bower install angular-bootstrap as described here: https://github.com/angular-ui/bootstrap#installation

Edit:

As of February 2015, a Bower version of the library exists at https://github.com/angular-ui/bootstrap-bower.

Unfortunately, it presently only contains AngularUI Bootstrap 0.12.0 which, as far as I can tell, isn't fully compatible with Angular >= 1.3. It looks like the maintainers intend AngularUI Bootstrap >= 0.13.0 to be compatible with Angular 1.3, <>but that version of the library seems not to have made its way to the Bower-compatible repo yet.
No longer an issue, AngularUI Bootstrap 0.13.0 version is now provided and supported.

Adding ui.bootstrap dependency with bower

3 Answers