Erreur: [$injecteur:nomod] Module d'interface utilisateur.bootstrap " n'est pas disponible! Vous pouvez soit mal orthographié [...]

Je vais avoir ce problème ici et je n'ai pas obtenu une solution compatible jusqu'à présent à la recherche là-bas. Je suis en cours d'exécution d'un projet Java avec Angulaires sur le front-end, et en essayant de mettre en œuvre une fonctionnalité saisie semi-automatique à l'aide de l'interface utilisateur-bootstrap, mais j'ai toujours cette erreur.

Uncaught Error: [$injector:modulerr] Failed to instantiate module textChangrApp due to: Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to: Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. http://errors.angularjs.org/1.3.0-rc.4/$injector/nomod?p0=ui.bootstrap
at http://localhost:8080/bower_components/angular/angular.js:80:12
at http://localhost:8080/bower_components/angular/angular.js:1787:17
at ensure (http://localhost:8080/bower_components/angular/angular.js:1711:38)
at module (http://localhost:8080/bower_components/angular/angular.js:1785:14)
at http://localhost:8080/bower_components/angular/angular.js:4024:22
at forEach (http://localhost:8080/bower_components/angular/angular.js:330:20)
at loadModules (http://localhost:8080/bower_components/angular/angular.js:4008:5)
at http://localhost:8080/bower_components/angular/angular.js:4025:40
at forEach (http://localhost:8080/bower_components/angular/angular.js:330:20)
at loadModules (http://localhost:8080/bower_components/angular/angular.js:4008:5) http://errors.angularjs.org/1.3.0-rc.4/$injector/modulerr?p0=ui.bootstrap&p…2F%2Flocalhost%3A8080%2Fbower_components%2Fangular%2Fangular.js%3A4008%3A5)
at http://localhost:8080/bower_components/angular/angular.js:80:12
at http://localhost:8080/bower_components/angular/angular.js:4047:15
at forEach (http://localhost:8080/bower_components/angular/angular.js:330:20)
at loadModules (http://localhost:8080/bower_components/angular/angular.js:4008:5)
at http://localhost:8080/bower_components/angular/angular.js:4025:40
at forEach (http://localhost:8080/bower_components/angular/angular.js:330:20)
at loadModules (http://localhost:8080/bower_components/angular/angular.js:4008:5)
at createInjector (http://localhost:8080/bower_components/angular/angular.js:3948:11)
at doBootstrap (http://localhost:8080/bower_components/angular/angular.js:1480:20)
at bootstrap (http://localhost:8080/bower_components/angular/angular.js:1501:12) http://errors.angularjs.org/1.3.0-rc.4/$injector/modulerr?p0=textChangrApp&…F%2Flocalhost%3A8080%2Fbower_components%2Fangular%2Fangular.js%3A1501%3A12) angular.js:80(anonymous function) angular.js:80(anonymous function) angular.js:4047forEach angular.js:330loadModules angular.js:4008createInjector angular.js:3948doBootstrap angular.js:1480bootstrap angular.js:1501angularInit angular.js:1395(anonymous function) angular.js:24904trigger angular.js:2715eventHandler angular.js:2986
//index.html
<head>
<!-- ... -->
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-aria/angular-aria.js"></script>
<script src="../bower_components/angular-animate/angular-animate.js"></script>
<script src="../bower_components/hammerjs/hammer.js"></script>
<script src="../bower_components/angular-material/angular-material.js"></script>
</head>
//app.js
angular
.module( 'textChangrApp', [ 'ngAnimate', 'ngMaterial','directive.g+signin', 'ui.bootstrap'])

Je me sens comme il doit y avoir quelque chose de mal dans mon <head> lors de l'importation, car il fonctionnait bien jusqu'à présent, et maintenant il s'est écrasé. J'espère que vous pourrez me donner un peu d'aide sur ce.

Merci.

Vous devez inclure bootstrap après angularjs. <script src="../bower_components/angular/angular.js"></script><script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
c'est le droit. simple comme ça. Il m'a fallu plus de temps pour écrire alors d'attendre pour la réponse! Merci beaucoup.

OriginalL'auteur bobleujr | 2014-10-28

  1. 22

    Vous devez charger l'interface utilisateur.bootstrap module après la angularjs fichier.

    OriginalL'auteur Dima Grossman

  2. 5

    Une autre façon d'installer ce par bower et voici les instructions.

    Ajouter les 2 paquets de verdure.json dans votre répertoire. 

    "bootstrap": "*",
"angular-bootstrap": "*",

    Erreur: [$injecteur:nomod] Module d'interface utilisateur.bootstrap

    Exécuter bower update à partir de votre répertoire

    Ajouter le ui.bootstrap angulaire module comme ci-dessous.

    Erreur: [$injecteur:nomod] Module d'interface utilisateur.bootstrap

    Fil dans la vue pour le bootsrap de travail

    CSS

    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

    JS

    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

    OriginalL'auteur Gajen Sunthara

  3. 2

    Vous devez inclure le suivant après angulaire.min....

    <script src="..//ui-bootstrap-custom-tpls-0.12.0.min.js" type="text/javascript"></script>

    OriginalL'auteur Chandan Kumar D N