[에러/삽질]Cannot use import statement outside a module 해결

 

리액트 프로젝트를 하던 도중 아래와 같은 에러가 발생했다.

Cannot use import statement outside a module

 

해결 방법은 간단했다.

 

"type" : "module"

package.json파일에 위와 같은 부분을 추가하고 나면 에러가 해결된다는 글들이 많았다.

 

package.json의 “type” 필드에 별도의 값이 없거나 “commonjs”로 설정되어 있으면 기본 모듈 처리 방식이 require를 사용하는 commonjs 방식으로 설정되기 때문에 import 부분에서 에러가 발생했던 것이고 “type” 필드 값을 “module”로 설정한 후엔 모듈 처리 방식이 import를 사용하는 es6 방식으로 변경되기 때문이다.

 

이 방법이 아니면 require와 import를 같이 썼는지, import가 쓰여야 하는데 require이 쓰인건 아닌지 확인해보면 된다.