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

---

상황

내가 만든 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');

---

출처:

https://takeknowledge.netlify.app/bugfix/cannot-use-import-statement-outside-a-module/

https://stackoverflow.com/questions/60205891/import-json-extension-in-es6-node-js-throws-an-error