Next.js) Parsing error: Cannot find module 'next/babel' Error

문제발생

Next.js 프로젝트를 새로 생성하고 보면, 상단에 빨간색 밑줄로 다음과 같은 에러가 뜬다.

Parsing error: Cannot find module 'next/babel'

해결방법

프로젝트가 존재하는 위치에 .babelrc 파일을 생성하고 그안에

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

를 추가한다.

그다음에 똑같이 프로젝트가 존재하는 위치에 .eslintrc.json 파일을 열어서..

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

다음과 같이 수정하면 끝이다.