axios@1 import 시, Cannot use import statement outside a module 발생 대처 방법

redux에서 
import axios from 'axios';
Uncaught SyntaxError: Cannot use import statement outside a module (at bundle.js:38714:2)

 

1.x 버전의 axios가 node 환경용 commonJS가 아닌 ES Module로 빌드되었는데, jest는 node 환경에서 동작하기 때문에 오류가 발생한다고 함.

https://github.com/axios/axios/issues/5101

 

package.json을 아래와 같이 수정하면 된다고 해서 해봤으나 효과 없음.

"test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!axios)/\"",

 

아래와 같이 0.x 버전으로 되돌려서 해결함.

yarn remove axios
yarn add axios@0