[React] Next.js - Parsing error: Cannot find module 'next/babel' 에러

Parsing error: Cannot find module 'next/babel'

Next.js로 프로젝트를 구성하던 도중 해당 에러가 발생하여 해결 방법을 공유드립니다.

 

💡 해결 방법

프로젝트 루트에 .babelrc 파일을 생성하고 프로젝트 루트에 있는 .eslintrc.json 파일을 수정합니다.

📄 .babelrc

{
  "presets": ["next/babel"],
  "plugins": []
}

 

📄 .eslintrc.json

{
  "extends": ["next/babel","next/core-web-vitals"]
}

 

위와 같이 파일을 생성하고 수정하면 babel parsing error가 사라지게 됩니다.