> 웹 프론트엔드 > JS 튜토리얼 > ES6 코드를 실행할 때 \'예기치 않은 토큰 내보내기\' 오류를 수정하는 방법은 무엇입니까?

ES6 코드를 실행할 때 \'예기치 않은 토큰 내보내기\' 오류를 수정하는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-10-17 21:40:03
원래의
981명이 탐색했습니다.

How to Fix

"예기치 않은 토큰 내보내기 오류 문제 해결"

프로젝트 내에서 ES6 코드를 실행하려고 하면 "예기치 않은 토큰 내보내기" 오류가 발생할 수 있습니다. . 이 오류는 사용된 환경이 ES6 모듈에 사용된 내보내기 키워드 구문을 지원하지 않음을 나타냅니다.

오류 세부 정보

다음 코드 조각은 오류 소스를 보여줍니다.

export class MyClass {
  constructor() {
    console.log("es6");
  }
}
로그인 후 복사

가능한 해결 방법

이 문제를 해결하려면 다음 해결 방법을 고려하세요.

1. Node.js 버전 및 구성

Node.js v14.13.0 이상을 사용하는 경우:

  • "type"을 추가하여 ESM을 활성화합니다: " module"을 프로젝트의 package.json 파일에 추가하세요.

이전 버전의 Node.js를 사용하는 경우:

  • CommonJS를 사용하도록 코드를 리팩터링하세요. 모듈 구문(예: module.exports 사용).

2. 즉각적인 변환이 가능한 TypeScript

  • 개발 중 즉각적인 변환을 위해 ts-node 또는 ts-node-dev 패키지와 함께 TypeScript를 사용하세요.

3. esbuild를 사용한 변환

  • esbuild 패키지를 사용하여 ES6 코드를 CommonJS 형식으로 변환합니다.

4. Babel(권장하지 않음)

  • Babel을 사용한 변환은 잠재적인 성능 제한으로 인해 더 이상 권장되지 않습니다.

위 내용은 ES6 코드를 실행할 때 \'예기치 않은 토큰 내보내기\' 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿