programing

각도 JS 수집되지 않은 오류: [$injector: modulerr]

magicmemo 2023. 4. 1. 09:01
반응형

각도 JS 수집되지 않은 오류: [$injector: modulerr]

Angular JS가 Uncaught Error: [$injector: modulerr]라는 오류를 수신하는 데 문제가 있습니다.내 JS 파일 모양

angular.module('MyApp', ['ngRoute']);
angular.module('MyApp',['ngResource']);
function TwitterCtrl($scope,$resource){
}

angular-route-js도 포함시켰습니다.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js">     
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.min.js">

각도 설명서에 따르면 문제는 http://docs.angularjs.org/api/ngRoute에 있습니다.

개발 환경에서는 미니 디스트리뷰션을 사용하지 않는 것이 좋습니다.그리고 모든 오류가 더 많은 정보를 제공합니다!대신angular.min.js하다, 사용하다angular.js.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.js">     
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.js">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.js">

다음을 추가해 보십시오.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>

추가 시도:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js">

또, 다음과 같이 합니다.

angular.module('MyApp', ['ngRoute','ngResource']);
function TwitterCtrl($scope,$resource){
}

요.angular.module 코드에서는 에 모든 을 한 번만 할 수 있습니다. 왜냐하면 현재 코드로 새로운 코드를 생성할 수 있기 때문입니다.MyApp모듈이 이전 모듈을 덮어씁니다.

각도 문서에서:

angular.module('myModule', [])을 사용하면 myModule 모듈이 생성되고 myModule이라는 이름의 기존 모듈이 덮어쓰게 됩니다.angular.module('myModule')을 사용하여 기존 모듈을 가져옵니다.

함수가 닫힘에 싸여 있는지 확인하고 마지막에 추가()를 추가합니다.

(function(){                                                                     

    var app = angular.module('myApp', []);                                     


})();  

에도 같은 '이러다', '이러다', '이러다', '이러다', 가.app.js내 (메인 어플리케이션) ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★」index.html【서】각진JS에 필요한 의존관계를 모두 포함하는 경우에도 콘솔에 오류가 표시될 수 있습니다.따라서 항상 필요한 파일을 메인 페이지에 포함시키고 이러한 문제가 발생하지 않도록 하십시오.

이게 도움이 됐으면 좋겠다.

이 문제는 ngRoute 모듈이 포함되어 있지 않기 때문에 발생했습니다.버전 1.1.6 이후로는 별도의 부품입니다.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>

var app = angular.module('myapp', ['ngRoute']);

이 정보는 다음 항목에서 참조됩니다.AngularJS 1.2$injector: Modulerr David 응답

저도 같은 문제가 있었어요.Angular js 코드는 다음과 같이 함수 외부에 입력해야 합니다.

$( document ).ready(function() {});

로딩되지 않은 다른 모듈에 의존하여 이 오류가 발생하였습니다.

angular.module("app", [kendo.directives"].controller("MyCtrl", function(){}...

Angular 모듈은 다 있는데 검도는 없었어요.

네, 만약 당신이 그것을 받는다면Uncaught Error: [$injector:modulerr] modulesyslog module이 .

angular.module을 유지하는 변수가 올바르게 구성되었는지 확인하십시오.

이는 "Uncatched Error: [$injector: modulerr]"로 실패합니다.

var angApp = angular.module("angApp");

이 방법은 다음과 같습니다.

var angApp = angular.module("angApp", []);

에러 메세지가 특정의 1개를 가리키고 있지 않기 때문에, 교활한 것입니다(따라서, 다양한 회답이 있습니다).또한 대부분의 jlinters는 자세한 내용을 파악하지 못합니다.힘내!

저도 똑같은 문제를 겪었고, 그 문제를 해결한 것은 폐쇄를 제거하는 것이었습니다.

$(function(){
    var app = angular.module("myApp", []); 
    app.controller('myController', function(){
        ...
    });
});

다음과 같이 됩니다.

var app = angular.module("myApp", []); 
app.controller('myController', function(){
    ...
});

이 오류는 종속성 인젝터가 종속성 'ngResource'를 찾지 못했음을 의미합니다.승인된 답변의 스크립트 태그가 이 종속성을 제공합니다.

의존관계에 커스텀모듈을 추가했지만 의존관계를 포함하는 '.js' 파일을 포함하는 스크립트태그를 추가하지 않은 경우에도 같은 오류가 발생합니다.

혹시 도움이 될지 모르니까 이 문제가 있었습니다.제가 Angular를 번들 했을 때 메인 앱 파일을 Angular WebApp.js가 아닌 Angular WebApp이라고 불렀기 때문입니다.

저도 같은 문제가 있었습니다.저는 방금 BundleConfig.cs 파일에서 다음 코드 행을 삭제했습니다.제 코드는 정상적으로 동작하고 있습니다.

번들 테이블EnableOptimizations = true;

cdn link script 태그 내부에 javascript를 로드하지 마십시오.AngularJs 스크립트를 로드하려면 별도의 스크립트 태그를 사용합니다.같은 문제가 있었는데 다른 문제를 만들었습니다.<script>그러면 오류가 사라집니다.

언급URL : https://stackoverflow.com/questions/21045416/angular-js-uncaught-error-injectormodulerr

반응형