next.js를 알아볼 겸 세팅했는데 import에 위와 같이 파싱에러가 발생했다.. next에 바벨이라는 모듈을 찾을 수 없다고 하니 이걸 추가하는 방법을 알아보았습니다. 해결방법 프로젝트 루트 경로에 .babelrc 파일을 생성하여서 다음 코드를 작성해 줍니다. { "presets": ["next/babel"], "plugins": [] } 루트 경로에 .eslintrc.json 파일이 있을 텐데 기존에는 { "extends": "next/core-web-vitals" } 이렇게 되어 있던 것을 { "extends": ["next/babel","next/core-web-vitals"] } 이렇게 수정해 줍니다. 그러면 해당 에러는 사라진 것을 확인하실 수 있습니다.
