Jest 오류: SyntaxError: 모듈 외부에서 import 문을 사용할 수 없습니다.

Question

저는 React와 Typescript를 사용하고 있습니다.

테스트 파일에서 구성 요소를 렌더링하려고 합니다

으아악

헤더 구성 요소는 actions.tsx

의 액션 생성기를 사용하고 있습니다. 으아악

loadRepo는 axios를 사용하는 비동기 작업 생성기입니다. actions.tsx에서 axios를 가져왔기 때문에 테스트에서 오류가 발생했습니다. 오류는 다음과 같습니다. import 문은 모듈 외부에서 사용할 수 없습니다.

babel과 jest 구성을 설정해보았습니다. 이것이 내가 가진 것입니다.

babel.config.js

으아악

jest.config.js

으아악

패키지.json

test("Render Header", () => {
  render(<Header />);
});

Answer 1

jest가 commonjs axios 빌드를 가져오도록 package.json에 다음 코드를 추가하여 이 오류를 해결할 수 있었습니다

으아아아