예기치 않은 토큰 내보내기: ES6 모듈 지원 수용

ES6 코드를 실행하려고 시도하는 동안 "예기치 않은 토큰 내보내기" 오류가 발생하면 당황스러울 수 있습니다. 문제. 이 오류는 사용 중인 ESM(EcmaScript 모듈) 구문에 대한 지원이 런타임 환경에서 부족할 때 발생합니다.

ESM 이해:

ESM, 종종 " ES6 모듈'에서는 JavaScript용 모듈 시스템을 도입하여 코드 캡슐화와 더 쉬운 종속성 관리를 가능하게 했습니다. 모듈을 정의하기 위해 내보내기 키워드를 활용하여 코드 구성을 더욱 명확하게 만듭니다.

ESM 지원:

v14.13.0 이하의 NodeJS 버전은 ESM을 지원하지 않았고 대신 ESM에 의존했습니다. module.exports 속성 구문을 사용한 CommonJS 모듈에서. 그러나 최신 NodeJS 버전(v14.13.0 이상)은 명시적으로 활성화된 경우 ESM을 지원합니다.

솔루션:

NodeJS(v14)에서 ESM 활성화 .13.0 ):

프로젝트의 package.json 파일을 편집하고 "type" 속성을 "module"로 설정합니다:

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

CommonJS 모듈 구문으로 리팩터링:

이전 NodeJS 버전의 경우 CommonJS 모듈 구문을 사용하도록 코드를 리팩터링하세요:

// Example ES6 module
export class MyClass {
  constructor() {
    console.log("es6");
  }
}

// CommonJS module equivalent
module.exports = class MyClass {
  constructor() {
    console.log("commonJs");
  }
};

TypeScript 및 ts-node 활용:

ts-node 또는 ts-node-dev npm 패키지와 함께 TypeScript 사용을 고려하세요. TypeScript는 컴파일 타임에 JavaScript로 트랜스파일되어 ES6 코드가 이전 NodeJS 버전과 호환되도록 만듭니다.

ESM을 CommonJS로 트랜스파일:

esbuild(npm을 통해 설치됨)를 사용하여 ES6 JavaScript를 CommonJS 형식으로 변환하여 기본 ESM 지원 없이도 환경에서 실행할 수 있습니다.