source

모듈을 사용할 수 없거나 철자가 틀리거나 로드하지 않았습니다(하지만 로드하지 않았습니다).

manycodes 2023. 2. 14. 21:34
반응형

모듈을 사용할 수 없거나 철자가 틀리거나 로드하지 않았습니다(하지만 로드하지 않았습니다).

저는 angular를 JSON api 파일과 함께 사용하는 것을 꽤 처음입니다.테스트하기 위해 무료 github api를 사용하려고 합니다(제 함수명은 나중에 작업할 다른 json api용입니다).그냥 내 기능이 제대로 작동하는지 궁금해서console.log()콘솔에 이 에러가 표시됩니다.

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

나는 철자를 썼다.MesaViewer두 줄 모두 동일하며 종속성은 두 번째 줄에 표시됩니다.

var app = angular.module("MesaViewer");
var MainController = function($scope, $location, $http, $routeParams) {

제가 무엇을 잘못했나요?여기 제 plunk가 있습니다.http://plnkr.co/edit/sZPaFbzbOB6AmVCLL1vq

그럴 것 같네요.

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

이는 모듈을 정의하기 위해 필요한 구문이며 종속성이 없음을 나타내는 배열이 필요합니다.

를 사용합니다.

angular.module("MesaViewer");

이미 정의한 모듈을 참조할 때 구문을 사용합니다.

메인 모듈을 잘못 선언했습니다.모듈을 작성할 때 두 번째 종속성 배열 인수가 필요합니다.그렇지 않으면 기존 모듈을 참조합니다.

변경:

var app = angular.module("MesaViewer");

수신인:

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

Working Version

나는 같은 실수를 해서 그것을 고쳤습니다.그것은 어리석은 이유로 판명되었다.

이것이 범인:<script src="app.js"/>

수정:<script src="app.js"></script>

스크립트 태그가 올바르게 종료되었는지 확인하십시오.

다른 이유로 같은 에러가 발생했을 때 이 질문을 발견했습니다.

문제는 Gulp이 새로운 모듈을 선언한 사실을 인식하지 못하고 Gulp을 수동으로 재실행해야 한다는 것이었습니다.

같은 문제가 있습니다만, angular.min.js 전에 jquery.min.js를 추가하는 것을 해결했습니다.

먼저 모듈과 컨트롤러를 index.displaces에 삽입해야 합니다.모듈에서 이 코드를 사용합니다.var app = angular.module("MesaViewer", []);

이 에러는, 서비스 선언이 Non-Invoked Function(IIFE; 비호출 함수)내에 있는 경우에 발생했습니다.아래 마지막 줄에는 서비스를 실행하고 정의하는 데 필요한 추가()가 없습니다.

(function() {
    "use strict";

    angular.module("reviewService", [])
        .service("reviewService", reviewService);

    function reviewService($http, $q, $log) {
        //
    }
}());

사용.AngularJS1.6.9+

또 하나의 사고가 있습니다.모듈명의 변수명이 다르다고 선언했을 때도 발생합니다.

var indexPageApp = angular.module('indexApp', []);

이 오류를 없애기 위해

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

모듈 이름을 var declarated name과 비슷하게 변경하거나 그 반대로 변경합니다.

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

동일한 오류가 있었지만 해결했습니다. Angular에서 구문 오류가 발생했습니다.JS 프로바이더

언급URL : https://stackoverflow.com/questions/31394850/module-is-not-available-misspelled-or-forgot-to-load-but-i-didnt

반응형