[error] Parsing error: Cannot find module 'next/babel' 에러

next.js를 알아볼 겸 세팅했는데

 

import에 위와 같이 파싱에러가 발생했다..

 

next에 바벨이라는 모듈을 찾을 수 없다고 하니

이걸 추가하는 방법을 알아보았습니다.

 

 

해결방법

 

프로젝트 루트 경로에 .babelrc 파일을 생성하여서 다음 코드를 작성해 줍니다.

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

 

루트 경로에 .eslintrc.json 파일이 있을 텐데

기존에는 

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

이렇게 되어 있던 것을

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

이렇게 수정해 줍니다.

 

그러면 해당 에러는 사라진 것을 확인하실 수 있습니다.