ECMAScript 6 모듈을 가져올 때 '캐치되지 않은 구문 오류: 모듈 외부에서 import 문을 사용할 수 없습니다'라는 메시지가 나타나는 이유는 무엇입니까?

ECMAScript 6을 가져올 때 "잡히지 않은 구문 오류: 모듈 외부에서 import 문을 사용할 수 없습니다."

개요

ECMAScript 6 모듈을 가져오려고 할 때 milsymbol .js를 ArcGIS JSAPI 프로젝트에 추가하면 "Uncaught SyntaxError: 모듈 외부에서는 import 문을 사용할 수 없습니다." 이 가이드에서는 이 오류에 대한 해결 방법을 제공합니다.

문제

이 오류는 milsymbol.js 스크립트에서 import 문을 사용하기 위한 모듈 환경이 필요하기 때문에 발생합니다. 모듈 환경이 없으면 브라우저가 구문을 인식하지 못합니다.

해결책

ArcGIS JSAPI 프로젝트에서 모듈 환경을 활성화하려면 다음을 추가하여 milsymbol.js가 포함된 스크립트 태그를 수정할 수 있습니다. type="module" 속성:

<script type="module" src="milsymbol-2.0.0/src/milsymbol.js"></script>

이것은 milsymbol.js 스크립트에 대한 모듈 환경을 생성하여 이를 허용합니다. import 문을 사용합니다.

Node.js/NPM의 대안

Node.js/NPM으로 작업하는 경우 모듈 구문을 사용하도록 package.json 파일을 구성할 수도 있습니다. :

{
  // ...
  "type": "module",
  // ...
}

이렇게 하면 전체에서 모듈 구문이 활성화됩니다. project.

사용

모듈 환경이 구성되면 가져오기 구문을 사용하여 milsymbol.js에서 ms 개체를 참조할 수 있습니다.

import { ms } from "milsymbol-2.0.0/src/milsymbol.js";

모듈 작업 시 필수 구문 대신 가져오기 구문을 사용해야 합니다.

위 내용은 ECMAScript 6 모듈을 가져올 때 '캐치되지 않은 구문 오류: 모듈 외부에서 import 문을 사용할 수 없습니다'라는 메시지가 나타나는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!