[Next.js] Parsing error: Cannot find module 'next/babel'

 

 

⛔️ 에러

요즘 Next.js 강의를 듣기 시작했는데, 저번에만 해도 잘 실행되던 Next.js 프로젝트에 다음과 같은 에러가 생겼다..

 

 

✅ 해결 방법

해결 방법을 찾아 보니 vscode에 다른 프로젝트가 열려 있으면 충돌이 나서 그런 걸 수도 있다고 해서

다른 프로젝트는 닫았는데도 계속 에러가 발생하였다..

 

다른 해결 방법을 찾아보니 프로젝트에 .babelrc 파일을 생성하고, .eslintrc 파일 내용을 수정하라고 되어 있었다.

그래서 일단 프로젝트에 생성 되어져 있던 .eslintrc.json 파일 내용을 다음과 같이 수정하니 에러가 바로 사라졌다!

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

혹시 다음에도 에러가 발생하면 .babelrc 파일도 생성해 봐야겠다..

 

 

---

참고:

https://stackoverflow.com/questions/68163385/parsing-error-cannot-find-module-next-babel