[Nextjs] parsing error

프로젝트를 하던 중 jsx 파일에 import로 에러가 발생했다.

roadmaker react -> next 전환하기 위해 프로젝트 세팅 중 const 부분에서 'Parsing error : Cannot find module 'next/babel' 라는 에러가 발생했다.

원인을 찾으며 구글링을 했고 https://velog.io/@nemo/nextjs-parsing-error 이 글에서 나와같은 오류를 찾았고 해당 블로그를 참고하여 해결했다.

해결

루트 경로에 있는 .eslintrc.json 파일에 extends 부분을 아래와 같이 바꿔준다.

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