模块' anyModule'角度不大

时间:2014-12-05 13:35:12

标签: javascript angularjs twitter-bootstrap karma-jasmine

所以我一直试图在我的应用程序中注入一些外部模块,但似乎无论我做什么我都会收到错误:

"错误:[$ injector:nomod]模块' ui-bootstrap'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。"

在我的业力日志中。

到目前为止,我已经尝试确保它包含在karma.conf中,甚至改变了要求的顺序:

    files : [
  'app/bower_components/angular/angular.js',
  'app/bower_components/angular-route/angular-route.js',
  'app/bower_components/angular-bootstrap/ui-bootstrap-tpls.js',
  'app/bower_components/angular-mocks/angular-mocks.js',
  'app/components/**/*.js',
  'app/js/app.js',
  'app/js/services.js',
  'app/js/controllers.js',
  'test/unit-tests/*.js'
],

确保它在html中:

<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>

尝试使用ngResource并检查拼写到处时我遇到了同样的错误。然而,我一直得到同样的错误,我在这个网站上搜索了几十个问题,但似乎无法解决这个问题。如果有人能够指出我可能忽略的内容,将不胜感激。

我的app.js文件:

'use strict'

    var shopApp = angular.module('shopApp', [
        'ngRoute', 
        'shopServices', 
        'shopControllers', 
        'ui-bootstrap'])

1 个答案:

答案 0 :(得分:1)

如果我没记错的话,ui bootstrap的模块名称是ui.bootstrap而不是ui-bootstrap