错误:[$ injector:nomod]模块'ui.bootstrap'不可用!您拼写错误[012]
问题描述:
我在这里遇到了这个问题,至今我还没有得到任何一致的解决方案。我在前端使用Angular运行Java项目,并尝试使用ui-bootstrap实现自动完成功能,但我总是遇到此错误。
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'])
我感觉像在导入时必须有一些错误的,我<head>
,因为这是工作的罚款,到目前为止,现在它坠毁。希望你能给我一点帮助。
谢谢。
答
您必须在之后加载angularjs文件中的ui.boostrap模块。
答
你必须包括angular.min继....
<script src="..//ui-bootstrap-custom-tpls-0.12.0.min.js" type="text/javascript"></script>
答
另一种方式通过亭子安装此,这里是指令。
将以下2个包添加到您的目录中的bower.json。从目录
"bootstrap": "*",
"angular-bootstrap": "*",
运行bower update
添加ui.bootstrap
到角模块,像下面。
电线它在视图中的bootsrap工作
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>
您需要angularjs后,包括引导。 '' – PSL 2014-10-28 18:34:44
这是正确的。这样简单。花了我很长时间才写出来,然后等待答案!非常感谢。 – bobleujr 2014-10-28 18:37:44