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

Next.js를 세팅하고 프로젝트를 진행하려는데 import에 빨간줄이 그어지면서 파싱 에러가 발생했다.

🚫 Parsing error: Cannot find module 'next/babel' ...

해결 방법

우선 프로젝트 루트 경로에 .babelrc 파일을 생성한다.

해당 파일에 다음 코드를 작성한다.

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

루트 경로에 있는 .eslintrc.json 파일을 열어 코드를 아래와 같이 수정해준다.

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

babel 파싱 에러가 사라진 것을 확인할 수 있다. 🙂