Angular js에서 모듈 오류를 인스턴스화하지 못했습니다.

Angular js에서 모듈 오류를 인스턴스화하지 못했습니다.

'ngRoute' 모듈을 사용할 수 없는 근본 원인에서 다음 오류가 발생했습니다.

검출되지 않은 오류: [$injector:modulerr] 모듈 Amail을 인스턴스화하지 못했습니다.이유는 다음과 같습니다.

오류: [$injector:modulerr] 모듈 ngRoute 인스턴스화에 실패했습니다.이유는 다음과 같습니다.

오류: [$injector:nomod] 모듈 'ngRoute'를 사용할 수 없습니다!모듈 이름의 철자가 틀렸거나 로드하는 것을 잊었습니다.모듈을 등록할 경우 종속성을 두 번째 인수로 지정해야 합니다."

Javascript 코드:

var amailServices = angular.module('Amail',['ngRoute']);
function emailRouteConfig($routeProvider) {
$routeProvider.
    when('/', {
        controller: ListController,
        templateUrl : 'list.html'}).

    when('/view/:id',{
        controller : DetailsController,
        templateUrl:'detail.html'}).

    otherwise({
        redirectTo:'/'
    });
}
amailServices.config(emailRouteConfig);

수정 방법

다음을 포함해야 합니다.angular-route.jsHTML에서 다음을 수행합니다.

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

http://docs.angularjs.org/api/ngRoute

아니면 파일의 축소판도...

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

상세한 것에 대하여는, 여기를 참조해 주세요.

"이 오류는 어떤 예외로 인해 모듈이 로딩되지 않을 때 발생합니다.위의 오류 메시지는 추가 컨텍스트를 제공합니다."

"AngularJS 1.2.0 이후에는 ngRoute가 자체 모듈로 이동되었습니다.1.2.x 로 업그레이드 한 후에 이 에러가 발생하는 경우는, ngRoute 가 인스톨 되어 있는 것을 확인해 주세요」

섹션 아래에 나열됩니다.Error: $injector:modulerr Module ErrorAngularjs 문서를 참조하십시오.

이 솔루션은 구문 오류를 수정하고 있었습니다.

angular.contract 기능에서 불필요한 반결장 제거

스크립트가 올바른 경로를 가리키지 않았기 때문에 이 오류가 발생하였습니다.따라서 html 파일에서 올바른 경로를 가리키고 있는지 반드시 확인하십시오.

저는 브라우저가 모듈을 포함하는 js 파일의 캐시 버전을 사용했기 때문에 오류가 발생했습니다.캐시를 클리어하고 페이지를 새로고침하면 문제가 해결되었습니다.

이러한 오류는 다음과 같은 경우에 발생합니다.

1. You misspell module name which you injected.
2. If you missed to include js file of that module.

가끔 사람들은 우리가 주입하는 모듈 이름 대신 js 파일 이름을 씁니다.

이 경우 각도가 대괄호 []에 있는 모듈을 찾습니다.모듈을 찾지 못하면 오류가 발생합니다.

언급URL : https://stackoverflow.com/questions/20210269/failed-to-instantiate-module-error-in-angular-js