Javascript 未捕获错误：[$injector:modulerr]正在尝试注入$module

我正在尝试使用angular bootstrap中的模式服务：

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

但是，我没有超出此错误消息的范围，我看不出问题是什么：

jquery.min.js:2 Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.6.1/$injector/modulerr?p0=emaApp&p1=Error%3A%…host%3A8080%2Fweb%2Fbower_components%2Fangular%2Fangular.min.js%3A21%3A332)
    at angular.js:38
    at angular.js:4759
    at q (angular.js:357)
    at g (angular.js:4720)
    at eb (angular.js:4642)
    at c (angular.js:1838)
    at Mc (angular.js:1859)
    at pe (angular.js:1744)
    at HTMLDocument.<anonymous> (angular.js:32977)
    at j (jquery.min.js:2)

jquery.min.js:2未捕获错误：[$injector:modulerr]http://errors.angularjs.org/1.6.1/$injector/modulerr？p0=emaApp&p1=错误%3A%…主机%3A8080%2Fweb%2Fbower\u组件%2Fangular%2Fangular.min.js%3A21%3A332）
在角上。js:38
在angular.js:4759
在q处（angular.js:357）
在g处（角度：4720）
在eb（angular.js:4642）
在c（angular.js:1838）
在Mc（angular.js:1859）
在pe（angular.js:1744）
在HTMLDocument。（angular.js:32977）
在j（jquery.min.js:2）

您必须加载此脚本：

<script src="..path_to_script../ui-bootstrap-tpls.js"></script>

---

您没有正确关闭控制器

而不是这个

app.controller（'mainCtrl'、['$scope'、'$http'、'$modal'，函数（$scope、$http、$modal）{
// ...
}

用这个

app.controller（'mainCtrl'、['$scope'、'$http'、'$modal'，函数（$scope、$http、$modal）{
// ...
}])；

使用模式注入

$uibModal

您的控制器将是：

app.controller('mainCtrl', ['$scope', '$http', '$uibModal', function($scope, $http, $uibModal) {
    // ...
}

---

@VinodLouis我不知道，它说的是

ui.bootstrap.modal

。当然不是

$uibModal

？我试过

，但结果是一样的。有趣的是，它与

$uibModal

一起工作，就像@Ian Brindley建议的那样，它与

$uibModal

一起工作而不添加

ui bootstrap tpls.min.js

？不幸的是这只是一个复制粘贴错误，因为我删除了

function（）中的代码。

如果我使用

$uibModal

它也可以使用

ui bootstrap.js

很好，然后他们将其包含在核心ui bootstrap中

app.controller('mainCtrl', ['$scope', '$http', '$uibModal', function($scope, $http, $uibModal) {
    // ...
}