1. 문제 상황

jest를 설정한 후, yarn test(jest)는 실행이 잘 되는데 yarn dev를 입력하면 next가 실행이 안된다.

2. 해결 과정

1. 에러 문구를 정독한다

babel congig가 존재하기 때문에 Babel을 사용하고 있지만 “next/font”에는 SWC가 필요합니다. 더 읽어보려면 링크를 클릭하세요

링크를 클릭해보았다.

친절하게 해결 방법을 알려주고 있다. custom babel configuration을 제거하라고한다. jest를 설치하며 세팅한 babel.config.js가 말썽인 것이었다.

이 babel.config.js를 제거하고 yarn dev를 실행하니 잘 실행이 된다.

babel.config.js가 없으면, js5는 어떻게 실행하라고?

jest를 설치할 때 간단하게 읽어보았던 Next.js 공식문서를 다시 읽어보자.

next/jest는 자동으로 Jest를 위한 설정을 해줍니다.

위 import nextJest from ‘next/jest.js’로 수정을 하면 next에서 알아서 babel등의 세팅을 해주는 것이다.

3. 원인 분석