>  Q&A  >  본문

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

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

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

으아악

헤더 구성 요소는 actions.tsx

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

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

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

babel.config.js

으아악

jest.config.js

으아악

패키지.json

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

P粉879517403P粉879517403177일 전433

모든 응답(1)나는 대답할 것이다

  • P粉681400307

    P粉6814003072024-03-28 09:00:47

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

    으아아아

    회신하다
    0
  • 취소회신하다