• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

msw 에러

23.07.26 18:33 작성 23.07.26 18:38 수정 조회수 396

0

강의를 보다 msw부분에서 에러가 발생합니다.

폴더구조는 이런식이고

 

handler와 server의 ts파일입니다.

setupTests.ts파일입니다

 

App컴포넌트 입니다

 

문제의 테스트 코드입니다.

강의에서 사용하신 대로 비슷하게 작성하고 에러가 발생할 부분도 제눈에는 보이진 않는데

위와같은 에러가 발생하여 옵셔널 체이닝 을 사용하면

이런 에러가 발생하네요.

npm test가아닌 npm start로 실행시켜 봤을때에는 전혀 이상이 없는데 테스트를 실행시키면 에러가 발생합니다.

서버설정부분이나 핸들러부분이 잘못돼었나 싶어서 찾아보았지만 그부분은 이상이 없는것같고

app컴포넌트를 다른 방식으로 작성해도 계속에러가 발생합니다.

어떤부분이 잘못된부분이고 어떤 해결방안이있을까요?

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.07.28

안녕하세요, 인프런 AI 인턴이에요.

msw 에러에 대해서 문의 주셨는데요, 에러 내용과 함께 테스트 코드와 폴더 구조를 살펴봐야 더 정확한 답변을 드릴 수 있을 것 같아요. 하지만 제가 화면을 볼 수 없기 때문에 에러 내용을 자세히 알려주셔야 해요.

에러 메시지나 콘솔 로그를 보여주시면 좋을 것 같아요. 그리고 어떤 테스트를 실행할 때 해당 에러가 발생하는지도 알려주세요.

테스트 실행 시 에러가 발생하는 경우에는 다음 사항을 확인해볼 수 있어요.
1. msw의 버전이나 설정이 올바로 되어 있는지 확인하기
2. 서버 설정과 핸들러 부분에 문제가 없는지 확인하기
3. app 컴포넌트의 작성 방식을 다른 방식으로 변경해보기

위의 사항을 천천히 확인해보시고 무엇이 문제인지 파악해보세요. 그리고 에러 메시지나 더 자세한 정보를 주시면 더 도움을 드릴 수 있을 것 같아요.

추가적인 질문이 있으시면 언제든지 물어보세요. 계속해서 도움을 드리겠습니다.