"vite-tsconfig-paths" resolved to an ESM file. ESM file cannot be loaded by `require`. See https://vite.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]

 

 

이 오류는 vite-tsconfig-paths 패키지가 ESM(ECMAScript Module) 형식으로 작성되어 있으며, CommonJS 형식의 require로 로드할 수 없다는 것을 나타냅니다. 

 

해결방법

 

1. ESM(ECMAScript Module) 로 구성되어 있는지 확인

import 문을 쓰고 있으므로 ✔

 

 

2.  Node.js 버전이 ESM을 지원하는지 Node.js 12 이상이므로 ✔

 

3. package.json 파일에 "type": "module" 로 ESM 설정이 되어있는지

여기서 빠져 있었다😡

 

앞으로 테스트 도구를 사용할 때는 기본 package.json 설정에 꼭 "type": "module",  을 추가해야겠다...😂

vitest ui 보기 성공 ㅠ