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

발생 원인

원인은 찾는 중!
찾다가 해결방법 블로그 찾다가 Parsing error: Cannot find module 'next/babel' - 에러 일지의 블로그를 참고했는데, stackoverflow에서는 babelrc 파일을 추가해버리면 Next의 SWC 컴파일러를 babel이 대체하게 하기 떄문에 .babelrc 파일을 만들어줄 팔요 없다고 했고,

실제로 아래의 3번만 추가해도 에러는 해결되었다.
SWC 컴파일러가 뭔지 몰라서 정리도 해보았다.

해결

1. 프로젝트 루트 경로에 .babelrc 파일 생성해주기
2. 해당 파일에 아래 코드를 붙여주기

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

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

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

해결!

Next SWC