오류 : $ 인젝터 :.</p> <pre><code>angular.module('app', [ 'imageCtrlController', 'adminCreateController', 'ui.bootstrap', 'ngRoute' ]); </code></pre> <p>내 다른 : 별도의 .js를 사용 modulerr 모듈 오류

Question

내 'app.js'에 내 머리를하고있는 모든 다른 답변에서 보았다

을 파일. 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"'

관리자 컨트롤러는 분리 된 파일로 옮길 때까지 제대로 작동했습니다.

내가 오류는 다음과 같습니다

Error: $injector:modulerr Module Error

스택 추적 : angular.module의 두 번째 매개 변수는 다른 각도 모듈을 포함하는

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