(Webpack) Module parse failed: The top-level-await experiment is not enabled

박재훈·2023년 3월 28일
0

Bundler

목록 보기
3/3

PainPoint

"모듈 구문 분석 실패: 최상위 수준 대기 실험이 활성화되지 않음" 오류는 일반적으로 모듈 파일의 최상위 수준에서 'await' 키워드를 사용하지만 현재 환경에서 TLA(최상위 대기) 기능이 활성화되지 않은 경우 발생합니다.

요약하면 async / await 문법을 쓰려는데 적절한 환경이 아니라는 것 같다.
이전 파일에서는 괜찮았는데, 한 파일에서만 이런 문제가 발생했다.

해결

webpakc config 파일에

  experiments: {
    topLevelAwait: true,
  },

만 추가해주면 된다. 아래는 예시다.

const path = require("path");

module.exports = {
  mode: "development",
  entry: "./src/views/mypage/mypage.js",
  output: {
    filename: "mypage_bundle.js",
    path: path.resolve(__dirname, "./src/views/mypage"),
  },
  experiments: {
    topLevelAwait: true,
  },
};

profile
신입 개발자

0개의 댓글