Jest 오류: SyntaxError: 모듈 외부에서 import 문을 사용할 수 없습니다.
P粉879517403
P粉879517403 2024-03-28 00:17:21
0
1
511

저는 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粉879517403
P粉879517403

모든 응답(1)
P粉681400307

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

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿