Nuxt 3에서 vitest를 사용하여 구성 요소 단위 테스트를 작성하는 방법은 무엇입니까?

Question

Vue 3에서 Nuxt 3로 마이그레이션하려고 합니다. vitest를 사용하여 구성 요소에 대한 단위 테스트를 작성했으며 이 테스트는 Vue 애플리케이션에서 제대로 작동하지만 Nuxt 애플리케이션의 동일한 테스트에서 다음 오류가 발생합니다.

오류: 콘텐츠에 잘못된 JS 구문이 포함되어 있어 가져오기 분석을 위해 소스를 구문 분석할 수 없습니다.

.vue 파일을 처리하려면 @vitejs/plugin-vue를 설치하세요.

개발 종속 항목으로

를 설치했지만 아무 일도 일어나지 않습니다. @vitejs/plugin-vue

다음은 내 테스트 파일의 예입니다.

으아악

이것은 내

파일입니다: package.json 으아악

내가 뭘 잘못했는지 모르겠어요. 어떤 도움이라도 대단히 감사하겠습니다.

복사링크는 여기

Answer 1

저도 이 문제를 겪었고 Vitest의 사용자 정의 Vite 프로필을 사용하여 작동시킬 수 있었습니다.

package.json 파일:

으아악

vitest.config.js 파일:

으아악