각도 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
'programing' 카테고리의 다른 글
번들 유효한 메시지를 표시해도 Webpack-dev-server가 번들되지 않음 (0) | 2023.04.06 |
---|---|
Django 1.9에서 JSONFiled(네이티브 포스트그레스 jsonb)를 사용하는 규약은 무엇입니까? (0) | 2023.04.06 |
JavaScript의 eval에 JSON 데이터를 평가할 때 괄호가 필요한 이유는 무엇입니까? (0) | 2023.04.01 |
페이지를 스크롤할 때 요소를 숨기려면 어떻게 해야 합니까? (0) | 2023.04.01 |
WordPress Orderby 마지막 단어 제목 (0) | 2023.04.01 |