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, Mar 04 '14 at 17:28

score 59 · Answer 1 · edited Jun 29 '15 at 22:50

59

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.

edited Jun 29 '15 at 22:50

maljukan

2,148
2
25
35

answered Mar 04 '14 at 19:13

pkozlowski.opensource

117,202
60
326
286

2

Using install angular-bootstrap didnt work either, I had to update manually bower.json in order to add the dependency. After that, it worked. – user1260928 Mar 05 '14 at 11:10
6

next time you can save as you install with -S or --save – McMeep May 28 '14 at 13:23
1

@user1260928 what exactly did you? I'm hitting the same issue. – Sebastialonso Jan 26 '15 at 13:21
1

@Sebastialonso if you still looking for solution check the following out https://www.versioneye.com/javascript/angular-ui:angular-ui-bootstrap-bower/0.11.0 – mr. Holiday May 10 '15 at 12:26

score 3 · Answer 2 · answered Sep 18 '15 at 03:44

3

install the bower version that depends on the angular version that your project uses.

I first installed;

bower install angular-ui-bootstrap-bower#0.13.4

Then I added below to bower.json

"angular-ui-bootstrap-bower": "0.13.4"

answered Sep 18 '15 at 03:44

Caner

1,448
23
38

1

You can execute "bower install angular-ui-bootstrap-bower#0.13.4 --save" <-- add the "--save". That will add the dependency to your bower.json for you. – mvermand Oct 28 '15 at 10:39

score 3 · Answer 3 · edited May 23 '17 at 11:53

3

bower install angular-ui-bootstrap --save

This also works.

Please refer to this answer if you have any issue with the version installed by bower. There seems to be some version issues with ui-boostrap quoting the answer

edited May 23 '17 at 11:53

Community

1
1

answered Feb 17 '16 at 19:07

Odeyinka Olubunmi

827
9
7

Adding ui.bootstrap dependency with bower

3 Answers3

Linked