"모듈 구문 분석 실패: 최상위 수준 대기 실험이 활성화되지 않음" 오류는 일반적으로 모듈 파일의 최상위 수준에서 '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,
},
};