React - nextjs 사용 시 Parsing error : Cannot find module 'next/babel' 오류 해결방법

문제점

이런 식으로 대부분의 파일에서 1 problem이 발견되었다고 나타나는 경우가 있다.

하지만 무엇이 문제인지 나타나지 않기 때문에 어떤 오류인지 확인하기 위해 Ctrl + Shift + M을 눌러보면

next/babel 모듈을 찾을 수 없다는 오류라고 나타나있다.

---

해결방법

먼저 루트 directory에 .babelrc 파일을 생성하고 아래 코드를 추가한다.

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

그리고 .eslintrc.json 파일이 있을텐데, 아래 코드로 변경한다

{
  "extends": ["next/babel"]
}