인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

1.3. 예제 프로젝트 소개

vitest 설치했는데

작성

·

82

·

수정됨

0

image.png

 

이렇게 발견된 테스트가 없다면서 8:39 화면처럼 테스트확장에 리스트가 출력되지않습니다..

 

브랜치받고 npm ci 까지 한 상태입니다.

커서 ide

 

참고로 0.2.42 버전 없어서 제일낮은 0.3 버전사용해도 못찾습니다 ..

 

Vitest v0.33.0 is not supported. Vitest v1.4.0 or newer is required.

 

이렇게 출려되는데 버전을 올릴까요 ?

답변 2

0

코드 조커, 오프님의 프로필 이미지
코드 조커, 오프
지식공유자

안녕하세요. 답변이 조금 늦었네요 ㅠㅠ 죄송합니다.

지금 당장 vitest 플러그인을 사용하지 않아도 강의를 진행하시는데는 문제가 없습니다.

구체적인 원인은 조금 더 찾아보고 말씀 드리겠습니다만, 우선은 cli에 노출되는 결과를 기준으로 변경에 대한 부분이 테스트가 진행되니 강의를 진행해주시면 감사하겠습니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. wjdgksak님.

Visual Studio Code(VSCode)에서 Vitest 확장을 사용하여 테스트 리스트를 볼 수 없다는 문제가 발생하셨군요. 이는 여러 요인에 의해 발생할 수 있습니다. Vitest 확장을 정확하게 설정하는 방법에 대해 설명드리겠습니다.

  1. Vitest 설치 및 설정 확인: Vitest가 제대로 설치되어 있는지 확인해주세요. package.json 파일에 Vitest가 devDependencies에 포함되어 있어야 하며, 최신 버전이 설치되어 있는지 확인하세요.

  2. node_modules 및 캐시 삭제 후 재설치:

    • 터미널을 열고 다음 명령어들을 사용하여 node_modules와 npm 캐시를 삭제하고 다시 설치해보세요:
    rm -rf node_modules
    npm cache clean --force
    npm install
    
  3. VSCode 재시작: 모든 설정 변경 후 VSCode를 다시 시작해 주세요. 일부 변경 사항은 재시작 후에야 적용될 수 있습니다.

  4. 확장 및 원인 점검:

    • 사용 중인 Vitest 확장의 버전이 문제일 수 있습니다. 이전 버전을 사용하는 것이 문제가 해결될 때까지 도움이 될 수 있습니다.
    • VSCode 내부 설정이나 충돌이 생겨 테스트 실행이 원활하지 않은 경우가 있을 수 있습니다. Vitest 설정과 관련한 구체적 옵션을 확인하고 필요시 수정하세요.
  5. 참고할 만한 다른 사용자의 해결 경험:

이 링크는 유사한 문제에 대해 다른 사용자들이 찾은 여러 방법과 해결책을 공유하고 있어 참고하시면 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기