模塊「anyModule」不可用角

Question

所以我一直想一些外部模塊注入到我的應用程序，但似乎沒有不管我做什麼，我得到的錯誤：

「錯誤：[$注射器：nomod]模塊'ui-bootstrap'不可用！您錯誤地模塊名稱或忘記加載它。如果註冊模塊確保您指定依賴關係作爲第二個參數。「

我的Karma日誌。

到目前爲止，我已經嘗試確保它包含在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']) 

Answer 1

如果我記得沒錯，對於UI引導模塊名稱是ui.bootstrap不ui-bootstrap。