Angular.js: 탐지되지 않은 오류, 모듈 없음: myapp
angular.js 프로젝트를 부트스트랩하려고 합니다.이것은 나의 index.html:
<!doctype html>
<html ng-app="myapp">
<head>
<meta charset="utf-8">
<base href="{% url 'app' %}" />
<title>Project</title>
</head>
<body>
<div ng-view>
<p>Loading...</p>
</div>
<script>
var url = function(path) { return '{{ STATIC_URL }}' + path };
</script>
<script src="{{ STATIC_URL }}js/jquery-1.10.1.js"></script>
<script src="{{ STATIC_URL }}js/angular.js"></script>
<script src="{{ STATIC_URL }}js/project/app.js"></script>
<script src="{{ STATIC_URL }}js/project/controllers.js"></script>
</body>
</html>
그url 'app'헤드에 /app와 같은 하위 경로를 인쇄하기만 하면 됩니다.이건 내 app.js:
'use strict';
var app = angular.module('myapp', []);
app.config(['$routeProvider', function($router) {
$router.when('/', {
templateUrl: url('partials/foo.html'),
controller: controllers.Foo
});
}]);
문제는 실행하려고 할 때마다 예외가 발생한다는 점입니다.Uncaught Error: No module: myapp, 이 방법은 각씨앗이 작동하는 방법과 거의 같습니다.Google과 StackOverflow에서 검색해 보았지만 어떤 답변도 도움이 되지 않았습니다(1개, 2개).
여기 내 오류에 대한 피들이 있습니다(브라우저의 콘솔을 열어봐야 볼 수 있습니다).뭐가 잘못됐어요?
대본의 순서가 매우 중요합니다. 대본에 넣어보세요.<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script>
var app = angular.module('myapp', []);
app.controller('Ctrl', function($scope){
$scope.variable = "Hello";
});
</script>
<body ng-app="myapp">
<div ng-controller="Ctrl">
<p>{{variable}}</p>
</div>
</body>
여기서 사용해 보십시오.
Alex Cheuk의 답변을 보완하면서, 저는 제 app.js 파일이 폐쇄에 관련되어 있다는 것을 깨달았습니다.
(function($) {
'use strict';
// all angular.js stuff
)(jQuery);
(알렉스 말대로 주문을 변경하지 않고) 클로저를 제거하는 것!정확한 이유는 모르겠지만 괜찮습니다.
저도 같은 문제에 직면해 있지만 위의 어떤 방법도 저에게 효과가 없었습니다. 이미지의 설정을 참조하십시오.
"OnLoad"에서 "No Wrap -"로 변경합니다.
IIFE 표기법을 사용할 때 괄호를 자동 호출하는 것을 잊어버렸습니다.
(function () {
angular.module("adminApp", []);
}() //don't forget self invoke parentheses
);
저는 같은 오류에 직면하고 있었지만 어리석은 실수를 하고 있었습니다. 제 jsp 페이지에 controller.js 파일을 포함하지 않았습니다.방금 포함된 내용:
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/controller.js"></script>그리고 그것은 아주 잘 작동했습니다.
Yeoman/grunt server를 실행하다가 거기서 비슷한 문제가 발생했습니다.제가 고친 것은 그런트 서버를 다시 시작하는 것이었습니다.
언급URL : https://stackoverflow.com/questions/17283291/angular-js-uncaught-error-no-module-myapp
'source' 카테고리의 다른 글
| setInterval을 중지하는 방법 (0) | 2023.09.19 |
|---|---|
| 양식.제출 응답을 캡처하려면 어떻게 해야 합니까? (0) | 2023.09.19 |
| MySQL의 복합 FULLTEXT 인덱스 (0) | 2023.09.19 |
| JQuery html() 대 내부 HTML (0) | 2023.09.19 |
| 이미지 로드 실패, net::ERR_CONTENT_LENGTH_MISMATCH (0) | 2023.09.19 |