錯誤：$ injector：modulerr使用單獨的.js文件的模塊錯誤

Question

看着我的腦海中所有其他答案。

我的“ app.js”：

angular.module('app', [
    'imageCtrlController',
    'adminCreateController',
    'ui.bootstrap',
    'ngRoute'
]);

我的另一個.js文件具有配置和兩個控制器：

angular.module("app").config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $locationProvider.hashPrefix('');
    $routeProvider
        .when('/', {
            template: 'One moment please.'
        })
        .when('/imageCtrl', {
            templateUrl: '/admin/imagecontrol',
            controller: 'imageCtrlController'
        })
}]); 

angular.module("app").controller('adminCreateController', function AdminCreateController($scope, $http) {
    $scope.admin = {};
    console.log("hello");
    $scope.createNewAdmin = function () {
        var admin = $.param($scope.admin);
        var config = {
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
            }
        }

        $http.post('/admin/CreateAdmin', admin, config)
            .then(
            function (response) {
                console.log(response);
            });
    }
});
angular.module("app").controller('imageCtrlController', function ImageCtrlController($scope, $http) {
    alert("yo");
});

在我的_Layout中：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
            <script src="~/js/ui-bootstrap-tpls-2.5.0.min.js"></script>
            <script src="~/js/AngularControllers/app.js"></script>
            <script src="~/js/AngularControllers/adminController.js"></script>

我在_Layout主體中初始化ng-app，然后在View的div中初始化。 'ng-controller =“ imageCtrlController”'

直到我將其移到單獨的文件中之前，管理控制器都可以正常工作。

我得到的錯誤是：

錯誤：$ injector：modulerr模塊錯誤

堆棧跟蹤：

    Failed to instantiate module app due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=i...)
    at http://localhost:2808/js/angular.min.js:6:425
    at http://localhost:2808/js/angular.min.js:42:407
    at q (http://localhost:2808/js/angular.min.js:7:495)
    at g (http://localhost:2808/js/angular.min.js:41:476)
    at http://localhost:2808/js/angular.min.js:42:149
    at q (http://localhost:2808/js/angular.min.js:7:495)
    at g (http://localhost:2808/js/angular.min.js:41:476)
    at eb (http://localhost:2808/js/angular.min.js:46:44)
    at c (http://localhost:2808/js/angular.min.js:21:373)
    at Sc (http://localhost:2808/js/angular.min.js:22:179

當模塊由於某些異常而無法加載時，會發生此錯誤。 上面的錯誤消息應提供其他上下文。

模塊無法加載的常見原因是您忘記了將文件包含在已定義的模塊中，或者無法加載該文件。

Answer 1

angular.module的第二個參數用於包含其他角度模塊。 您正在嘗試這樣包含控制器：

angular.module('app', [
    'imageCtrlController', // not a module
    'adminCreateController', // ...also not a module
    'ui.bootstrap', // is a module
    'ngRoute' // ...is as well
]);

已更正：

angular.module('app', [
    'ui.bootstrap',
    'ngRoute'
]);