jest 테스트코드 작성을 위한 사전세팅 중 문제가 발생했습니다.

2시간으로 끝내는 프론트엔드 테스트 기본기

jest 테스트코드 작성을 위한 사전세팅

작성

588

수정됨

안녕하세요 jest 테스트코드 작성을 위한 사전세팅중
위와 같이 코드를 작성 후 실행하였더니

이러한 에러가 발생하였습니다.

jest를 사용하며 import라는 구문을 사용하지 못한다는 에러같은데 해결 방법이 있을까요??

답변 3

저도 환경설정 할 때, 비슷한 문제가 있었는데요. 저의 경우엔 Jest가 CSS를 parsing하려고 했을 때, 문제가 발생했습니다. 혹시 다른 분들께 도움이 되고자 댓글 남깁니다.

  moduleNameMapper: {
    "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.cjs",
  },

// __mocks__/styleMock.cjs
module.exports = {};

감사합니다.. 덕분에 해결했습니다! 👍👍

와.. 저 이거때문에 1시간날렸는데 이 글 보고 바로 수정했습니다 감사합니다

질문자

처음부터 다시 하면서 공식문서 보고 수정하였더니 정상적으로 작동되는것 같습니다! 감사합니다!!

지식공유자

Extension만 jsx 로 변경해보시겠어요?

해결이 안된다면 코드를 같이 올려주세요. 저도 디버깅 해보겠습니다!

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