Parsing error : Cannot find module 'next/babel'

Parsing error : Cannot find module 'next/babel'

next.js를 처음 접한 사람이라면 누구나 공감하는 에러인 것 같다. 코드를 작성하다 갑자기 vs코드 파일창이 빨간색으로 오류가 있는것마냥 표시가 되어 있을 것이다... 하지만 브라우저에서는 아무 문제 없이 잘 된다... 그래도 보기 싫어서 찾아 보았다

해결방법은 간단하다. .eslintrc 파일에 가서 아래 코드를 추가 하였다.

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

참고 자료