Jest Failed to parse the TypeScript config

[DearYuto]

Next.js 14버전 환경에서 jest 세팅 중 발생한 에러.

라이브러리 버전

├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @testing-library/[email protected]
├── @testing-library/[email protected]
├── @testing-library/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @types/[email protected]
├── @vanilla-extract/[email protected]
├── @vanilla-extract/[email protected]
├── @vanilla-extract/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

에러 발생 루트

1. Next.js 공식문서에 나오는 수동 설정 문서를 참고하여 설치해주었다.

npm install -D jest jest-environment-jsdom @testing-library/react @testing-library/jest-dom

2. Jest 기본 세팅 명령어 사용

npm init jest@latest

3.. __test__ 폴더를 루트 경로에 만들어서 page.test.tsx 파일을 생성 후 테스트가 동작하는지 실행해보았다.

'describe' 이름을 찾을 수 없습니다. 테스트 실행기의 형식 정의를 설치하려는 경우 'npm i --save-dev @types/jest' 또는 'npm i --save-dev @types/mocha'를 시도합니다.

타입에러가 발생하고 있어서 npm i --save-dev @types/jest 로 타입도 추가해주었다.

4. npm run test 실행 시 에러 발생

• Jest: Failed to parse the TypeScript config
• Jest: 'ts-node' is required for the TypeScript configuration files. Make sure it is installed

config 파일이 parse 되지 않고 있고, ts-node가 필요하다는 에러가 발생했다.

해결 방법

1. vs-code 종료 후 재실행

2. npm i -D ts-node 설치 후 실행하니 정상 동작