기록

Cannot use import statement outside a module 본문

TIL*

Cannot use import statement outside a module

mnmhbbb 2022. 5. 2. 18:58

모듈을 import 하는 코드에서 위와 같은 에러가 발생했다.
해결 방법: package.json에 "type": "module", 을 추가하자.
바닐라 자바스크립트에서 script 태그에 type="module" 추가하는 것처럼 말이다.

그 이유는

기본적으로 package.json 에 type 필드가 없으면 common.js(default) 방식이 적용되어 모듈 처리방이 common.js 의 require 방식이된다. 따라서, ES6 의 import - export를 사용하려면 루트 디렉토리에 있는 package.json 파일에 "type": "module"를 추가해야한다.

출처: https://gwang920.github.io/error/js-error(1)/

'TIL*' 카테고리의 다른 글

Firebase GitHub CICD  (0) 2022.05.18
React.js에서 Intersection Observer 적용하기  (0) 2022.05.06
Error: listen EADDRINUSE: address already in use :::5000  (0) 2022.05.02
mac에서 php 로컬 개발 환경 세팅하기  (0) 2022.04.27
Heroku 배포  (0) 2022.04.27
Comments