program story

오류 : [$ injector : unpr] 알 수없는 공급자 : $ routeProvider

inputbox 2020. 11. 13. 08:10
반응형

오류 : [$ injector : unpr] 알 수없는 공급자 : $ routeProvider


AngularJS 1.2 RC2 앱을 설치하고 실행하려고합니다. 현재 저는 Angular Seed 프로젝트를 사용하여 앱을 실행하고 있습니다. 불행히도 Angular Seed 프로젝트는 v1.0.7을 사용합니다. Angular Seed 프로젝트에서 종속성을 다음과 같이 업데이트했습니다.

$script([
  'res/js/angular-1.2.0-rc.2.js',
  'res/js/angular-route-1.2.0-rc.2.js',
  'res/js/app.js?v=2',
], function() {
  // when all is done, execute bootstrap angular application
  angular.bootstrap(document, ['myApp']);
});

app.js에는 다음이 있습니다.

'use strict';

angular.module('myApp', []).
    config(['$routeProvider', function($routeProvider) {
        $routeProvider.otherwise({redirectTo: '/home'});
    }]);

이 앱을 실행하면 다음과 같은 오류가 발생합니다.

Error: [$injector:unpr] Unknown provider: $routeProvider

1) 'ngroute'주입 또는 2) 경로에서 컨트롤러를 정의해야하는 것과 같은 다른 응답을 읽었습니다. 내 문제는 ngroute를 주입하는 방법을 이해하지 못한다는 것입니다. 또한 라우트에서 컨트롤러를 정의해야합니까? 이러한 접근 방식은 확장 가능하지 않은 것 같습니다. 내 앱의 조회수가 1,000 회일 수 있습니다. 제 생각에는 모든 컨트롤러를로드하지 않고도 경로를 정의 할 수있는 방법이 있어야하는 것 같습니다.


각도 1.4 +에서 종속성 추가 외에도

angular.module('myApp', ['ngRoute'])

, 별도의 angular-route.js 파일도 참조해야합니다.

<script src="angular.js">
<script src="angular-route.js">

참조 https://docs.angularjs.org/api/ngRoute를


myApp에 대한 종속성에 ngRoute 모듈을 포함하는 것을 잊은 것 같습니다.

Angular 1.2에서는 ngRoute를 선택 사항으로 만들었으며 (따라서 타사 경로 공급자 등을 사용할 수 있음) 별도의 파일포함하여 모듈에서 명시 적으로 의존해야 합니다 .

'use strict';

angular.module('myApp', ['ngRoute']).
    config(['$routeProvider', function($routeProvider) {
$routeProvider.otherwise({redirectTo: '/home'});
}]);

참고 URL : https://stackoverflow.com/questions/19197182/error-injectorunpr-unknown-provider-routeprovider

반응형