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

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

주신 링크를 보니 Jest를 이용한 모듈 import 시 에러가 발생하는 경우에 대한 내용으로 보입니다.

먼저, 해당 에러가 발생하는 이유는 Jest 설정 파일에서 모듈 import 경로를 지정하지 않았기 때문입니다.

두 번째 링크에서는 이를 해결하는 방법에 대해서 소개하고 있습니다. moduleNameMapper 설정 옵션을 이용하여 import 경로를 설정하면 되는데,

moduleNameMapper: {
  '\\.(css|less|scss)$': 'identity-obj-proxy',
  '^src(.*)$': '<rootDir>/src/$1',
  '^@components(.*)$': '<rootDir>/src/components/$1',
  '^@pages(.*)$': '<rootDir>/src/pages/$1',
  '^@lib(.*)$': '<rootDir>/src/lib/$1'
}

위와 같이 설정하는 예시가 있습니다. ^src(.*)$ 부분은 src 폴더 밑에 있는 모든 모듈을 대상으로 하겠다는 의미이며, ^@components(.*)$ 부분은 src/components 폴더 밑에 있는 모든 모듈을 대상으로 하겠다는 의미입니다.

해당 설정을 Jest 설정 파일에 적용하면 모듈 import 에러가 발생하지 않을 것입니다.

이상이 도움이 되었길 바랍니다. 감사합니다.