Błąd: [$ injector: nomod] Moduł 'ui.bootstrap' jest niedostępny! Albo błędnie napisałeś [...]

Mam tutaj ten problem i nie mam dotąd żadnego spójnego rozwiązania, które by tam wyglądało. Korzystam z projektu Java z Angular na front-end i próbuję zaimplementować funkcję autouzupełniania przy użyciu Ui-bootstrap, ale zawsze otrzymuję ten błąd.

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'])

czuję się jak tam musi być coś złego w moim <head> podczas importowania, ponieważ działa dobrze do tej pory, a teraz rozbił. Mam nadzieję, że możesz mi w tym pomóc.

Dziękuję.

Źródło

2014-10-28 bobleujr

Trzeba to bootstrap po angularjs. '' – PSL

To prawda. takie proste. Napisanie go zajęło mi więcej czasu, niż czekanie na odpowiedź! Wielkie dzięki. – bobleujr

Musisz załadować moduł ui.boostrap po pliku angularjs.

Źródło

2014-10-28 18:38:18

Musisz zawierać następujące po angular.min ....

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

Źródło

2015-01-31 12:19:05

Innym sposobem zainstalowania poprzez altana i tutaj są instrukcje.

Dodaj następujące 2 pakiety do bower.json w swoim katalogu.

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

Run bower update z katalogu

Dodaj ui.bootstrap do modułu kątowego jak poniżej.

drutu to w widoku dla bootsrap pracować

CSS

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

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

Źródło

2016-02-08 18:52:32

Błąd: [$ injector: nomod] Moduł 'ui.bootstrap' jest niedostępny! Albo błędnie napisałeś [...]

Odpowiedz

Powiązane problemy