[ERROR] SyntaxError: Cannot use import statement outside a module

ERROR COLLECTION

adore_voy 2021. 11. 3. 20:18

상황

내가 만든 json 데이터를 자바스크립트 파일에 import 하는것에 생겼던 에러이다.

우선 package.json에서 설정을 해 주어야 한다.

때문에 프로젝트 루트 폴더에서 npm init 명령어로 package.json 파일을 만들어주었다.

그리고 아래와 같이 적었다.

"type": "module"

그리고 아래와 같은 에러가 떴다.

왜 인지 node.js에서 했던 것 처럼 require 모듈을 다운받아야 했다.

아래와 같이 적어야 한다.

import {createRequire} from "module";
const require = createRequire(import.meta.url);
const jsonFile = require("본인 json파일 경로")

그랬더니 잘 나왔다.

수정)

이것도 맞지만 모듈로 package.json을 설정하지 말고 그냥 아래와 같이 적어도 import 된다.

const data = require('./data.json');

출처: