エラー：$インジェクター：で私の頭をやっているようmodulerrのモジュールエラー別々の.jsファイル

Question

を使用して、全ての他の回答を見て

私の 'app.js'：。私の他の

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

を。 jsの設定と二つのコントローラを持つファイル：私の_layoutで

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"); 
}); 

：

<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-コントローラ= 『imageCtrlController』」

管理コントローラがうまく働きました。

私が手にエラーがある：

Error: $injector:modulerr Module Error

スタックトレース：

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 

This error occurs when a module fails to load due to some exception. The error message above should provide additional context.

A common reason why the module fails to load is that you've forgotten to include the file with the defined module or that the file couldn't be loaded.

Answer 1

angular.moduleの2番目のパラメータは、他の角度のモジュールを含めるために使用されます。あなたのようなあなたのコントローラを含むしようとしている：

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' 
]);