[Error] Parsing Error : Cannot find module 'next/babel'

터미널에 아래와 같이 입력하여 Next.js 프로젝트 설치 후

$ npx create-next-app@latest next-practice

터미널에 개발자 모드로 구동 시켰더니 localhost:3000에서

$ npm run dev

아래와 같은 오류가 발생했다.

 

구글에 검색 해봤더니

 

루트 디렉토리에 .babelrc라는 파일을 만들어서 아래 코드를 추가하고

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

 

.eslintrc에 기본 코드를 다음과 같이 바꾸라고 하길래

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

 

아래와 같이 .babelrc 파일 추가하고

위처럼 수정 했더니 오류 해결했다.

다른 사람들은 파일은 안보여주길래 따로 정리 해봤다.