2016-08-14 64 views
1

我有越来越角引导问题在我的应用程序加载无法实例化模块,用户界面的自举了角

[$injector:modulerr] Failed to instantiate module RecipeSite 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. 

我有我的模块中的用户界面,引导依赖和我导入库 但我仍然有问题。我一直在看类似的帖子和玩它,但我似乎无法让控制台错误消失。 有什么建议吗?

app.js

var app = angular.module('RecipeSite', ['ngRoute', 'ngAnimate', 'ui-bootstrap']); 

的index.html

<!DOCTYPE html> 
<html ng-app="RecipeSite"> 
<head> 
    <title>Directives Practice</title> 


<script src="bower_components/angular/angular.js"></script> 
    <script src="bower_components/angular-route/angular-route.js"></script> 
<script src="bower_components/angular-animate/angular-animate.js"></script> 
    <script src="bower_components/jquery/dist/jquery.js"></script> 
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> 
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script> 
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
     <link rel="stylesheet" type="text/css" href="app.css"> 
    <script src="app.js"></script> 
</head> 
<body> 
    <div class="container"> 
    <div id="header"> 
     <div class="row"> 

     <div class="col-md-offset-3 col-md-6"> 


      {{"Test Site"}} 


      </div> 
</div> <!--end row--> 
<hr class="hrstyle"> 

     </div> <!--end header--> 


    </div> <!--end container--> 

    <div class="container"> 
    <div class="row"> 




</div> 

</div> 

</body> 
</html> 

回答

3

首先,您必须安装angular-bootstrap与凉亭:

bower install angular-bootstrap 

而且你有一个错字,这是ui.bootstrap,而不是ui-bootstrap

更改module到:

var app = angular.module('RecipeSite', ['ngRoute', 'ngAnimate', 'ui.bootstrap']); 
+0

我更新了,现在得到失败实例由于模块ui.bootstrap: 错误:[$注射器:NOMOD]模块 'ui.bootstrap' 不可! – user6680

+0

不要改变你的问题!或者答案绝对没有意义! – developer033

+0

对不起。那我就不会碰那部分。但在代码中我现在得到这个错误 – user6680

相关问题