web-dev-qa-db-fra.com

Ajout de la dépendance ui.bootstrap avec bower

J'essaie d'ajouter la dépendance ui.bootstrap à mon angular (j'utilise yeoman, bower). J'ai fait ceci:

  1. yo angulaire
  2. bower install angular-ui
  3. J'ai ensuite ajouté à mon fichier index.html: et
  4. grogner servir

Ensuite, j'ai ajouté la dépendance ui.bootstrap à mon app.js:

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

Lorsque j'essaie d'accéder à mon index.html sur Chrome je reçois cette erreur:

Erreur non interceptée: [$ injector: modulerr] Échec de l'instanciation du module angularuiprojectApp en raison de: Erreur: [$ injector: modulerr] Échec de l'instanciation du module ui.bootstrap en raison de: Erreur: [$ injector: nomod] Le module 'ui.bootstrap' est indisponible! Vous non plus ...... 1)

Je ne sais pas où je me trompe, si quelqu'un peut m'aider à ce sujet ... Merci.

angularjsangular-uibower
42
user1260928

Vous installez un mauvais package de bower. Le bon à installer est bower install angular-bootstrap comme décrit ici: https://github.com/angular-ui/bootstrap#installation

Modifier :

Depuis février 2015, une version Bower de la bibliothèque existe sur https://github.com/angular-ui/bootstrap-bower .

Malheureusement, il ne contient actuellement que AngularUI Bootstrap 0.12.0 qui, pour autant que je sache, n'est pas entièrement compatible avec Angular> = 1.3. Il semble que les mainteneurs ont l'intention AngularUI Bootstrap> = 0.13.0 pour être compatible avec Angular 1.3, <> mais cette version de la bibliothèque ne semble pas avoir fait son chemin vers le repo compatible Bower encore.
Ce n'est plus un problème, AngularUI Bootstrap 0.13.0 est désormais fournie et prise en charge.

59
pkozlowski.opensource
bower install angular-ui-bootstrap --save

Cela fonctionne également.

Veuillez vous référer à ceci réponse si vous avez un problème avec la version installée par bower. Il semble y avoir des problèmes de version avec ui-boostrap citant la réponse

3
Odeyinka Olubunmi

installez la version de bower qui dépend de la version angular que votre projet utilise.

J'ai d'abord installé;

bower install angular-ui-bootstrap-bower#0.13.4

Ensuite, j'ai ajouté ci-dessous à bower.json

"angular-ui-bootstrap-bower": "0.13.4"
3
Caner Çakmak