未捕獲的錯誤：[$ injector：modulerr]無法實例化模塊showsApp，原因是：錯誤：[ng：areq]參數'fn'不是函數，得到了字符串

Question

我試圖設置一個模式，但我一直在這個錯誤。

var showsApp = angular.module('showsApp', ['angularUtils.directives.dirPagination'],['ui.bootstrap']); 

showsApp.controller('ShowsController', ['$scope', '$http', function($scope, $http, $uibModal, $log, $document) 
{ 
    var $ctrl = this; 
}]); 

<div ng-app='showsApp' ng-controller='ShowsController as $ctrl' class='modal'> 

<script src='js/angular/angular.js'></script> 
<script src='js/angular/ui-bootstrap-tpls-2.5.0.min.js'></script> 
<script src='js/angular/angular-route.js'></script> 
<script src='js/jquery.js'></script> 
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js'></script> 
<script src='//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js'></script> 
<script src='//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js'></script> 

我下面這個plunker來設置它https://plnkr.co/edit/?p=preview我的角度網站上發現。

Answer 1

嘗試改變

var showsApp = angular.module('showsApp', 
     ['angularUtils.directives.dirPagination'],['ui.bootstrap']); 

要

var showsApp = angular.module('showsApp', 
      ['angularUtils.directives.dirPagination','ui.bootstrap']); 

也

showsApp.controller('ShowsController', ['$scope', '$http', 
     function($scope, $http, $uibModal, $log, $document) 

要

showsApp.controller('ShowsController', ['$scope', '$http','$uibModal', 
       '$log', '$document', function($scope, $http, $uibModal, $log, $document)