[React] regeneratorRuntime is not defined 에러

안녕하세요. J4J입니다.

 

React를 이용하여 프로그래밍을 하다가 다음과 같은 에러에 마주한 적이 있습니다.

 

Uncaught ReferenceError: regeneratorRuntime is not defined

 

 

 

해당 에러를 마주하게 된 원인은 async/await의 사용이었습니다.

 

사용되던 async/await을 걷어내고 promise로 변경했더니 정상적으로 실행되는 것을 확인했습니다.

 

하지만 그렇다고 async/await을 사용하지 않을 수 없으니 해결방법을 찾아봤고 다음과 같은 방법으로 해결할 수 있었습니다.

 

 

 

[ 1. 패키지 설치 ]

 

$ npm install babel-polyfill

 

 

[ 2. webpack 설정파일 중 entry에 babel-polyfill 추가 ]

 

entry: ["babel-polyfill", "./src/index"],

 

 

2가지 설정 후 다시 실행해봤더니 정상적으로 동작되는 것을 확인할 수 있었습니다.