Javascript 未捕获错误：[$injector:modulerr]未能实例化模块showsApp，原因是：错误：[ng:areq]参数'；fn'；不是函数，获取字符串

我试图建立一个模式，但我不断得到这个错误

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>

var showsApp=angular.module（'showsApp'，['angularUtils.directions.dirPagination'，['ui.bootstrap']）；
控制器（'ShowsController'，['$scope'，'$http'，函数（$scope，$http，$uibModal，$log，$document）
{
var$ctrl=this；
}]);

我在angular网站上找到了这个plunker来设置它。

尝试更改

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)

以及

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)

至

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)

尝试改变

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)

以及

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)

至

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)