NextJS/Babel에러

NextJS 사용시 Babel에러 해결

• babelrc파일을 생성
  {
  "presets": ["next/babel"],
  "plugins": []
  }
• eslintrc.json 파일 열기
  {
  "extends": ["next/babel","next/core-web-vitals"]
  }

다른 파일들과 충돌이 나서 생길 수도 있다.

• NextJS 프로젝트를 vscode에서 하나만 실행 시킬 시 문제를 해결 할 수 있다.
• Next는 vercel배포를 권장하는데 extends에서 next/babel이 있으면 배포에 에러가 발생한다.
• vercel로 배포시 babel에러가 난다면 .babelrc를 삭제하고 extends에서 "next/babel"을 지우고 다시 시도해보시길 바랍니다.