[Node] React regeneratorRuntime is not defined 에러 해결 - TroubleShooting

 

리액트 프로젝트를 진행 하던 도중 regeneratorRuntime is not defined 오류가 발생하였고 이로 인해 웹팩 전체 프로젝트가 렌더링 되지 않았습니다. es6 이상의 문법들이 es5로 문법 변환해주는 babel 을 이용하여 프로젝트가 구성 되어 있었는데 async/await 문법을 해당 regenerator를 제공하지 않아서 발생한 에러입니다. 

 

해결 방안은 바벨의 플러그인을 설치 한 후 환경 설정 파일에 플러그인을 등록하는 것입니다.

 

 

# Contents

---

• 해결 방안

 

 

# 해결 방안

---

먼저 아래 명령어를 이용하여 바벨 플러그인을 설치하도록 합니다.

 

npm install @babel/plugin-transform-runtime -D

 

바벨 설정 파일에 아래 코드를 넣습니다.

 

  "plugins": [
    ["@babel/transform-runtime"]  // <= Add it here
  ]