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. 원인 분석
공식 문서가 아닌, 블로그를 먼저 참고한 것이 문제였다. Jest에 관한 더 생생한 정보를 접하기 위해 블로그를 먼저 접했지만, 변경 이전의 내용이었던 것이다.
앞으로는 꼭 공식 문서를 먼저 참고하고, 그래도 적용이 잘 되지 않는다면 그 때 블로그를 참고하도록 하자.