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

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

728x90

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

Cannot use import statement outside a module

검색해보니 해결 방법은 간단했다.

"type" : "module"

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

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

그런데?

나는 계속 똑같은 에러 메시지가 나왔고 위에서부터 코드를 한 줄 한 줄 읽어 본 결과..

VSCode IDE에서 자동완성 기능으로 작성된 아래와 같은 코드 한 줄이 들어가 있었고,,,

import { response } from 'express';

이 부분을 주석 처리하니까 에러가 발생하지 않고 정상적으로 프로그램이 실행되었다.

앞으로는 자동완성 기능에 유의해야겠다. IDE의 단점을 몸소 느꼈다.

from http://resilient-923.tistory.com/312 by ccl(A) rewrite - 2021-08-01 13:00:38