leexx
처음 배우는 마음으로
leexx
전체 방문자
오늘
어제
  • 분류 전체보기 (68)
    • 막개발글 (12)
    • 자바스크립트 JavaScript (17)
    • 우아한테크코스 (3)
      • 프리코스 (3)
    • 타입스크립트 TypeScript (2)
    • 리액트 React (9)
      • 리액트 React (4)
      • ReactQuery (3)
      • ReduxToolkit (1)
    • 스프링 Spring (2)
      • 전체 글 (2)
    • 코틀린 Kotlin (4)
    • 자바 Java (9)
    • 파이썬 Python (3)
      • Selenium (2)
    • SQL (1)
    • 깃허브 GitHub (1)
    • 알고리즘 Algorithm (5)
    • 일상글 (0)

인기 글

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
leexx

처음 배우는 마음으로

자바스크립트 JavaScript

[에러 해결] json data 를 import 하는 방법

2024. 1. 6. 18:33

에러

TypeError [ERR_IMPORT_ASSERTION_TYPE_MISSING]: Module "...myData.json" needs an import assertion of type "json"

 

 

해결

// assert 구문을 붙여준다 
import myData from "myData.json" assert { type: "json" };

 

출처

https://ui.toast.com/posts/ko_20211209

 

자바스크립트에서의 JSON 모듈

ECMAScript 모듈 시스템(`import`와 `export` 키워드)은 기본적으로 자바스크립트 코드만 가져올 수 있다. 하지만 애플리케이션의 설정을 JSON 파일에 저장하는 것이 편리할 때가 많고, 결과적으로 JSON 파

ui.toast.com

 

  1. ECMAScript 모듈 시스템(import와 export 키워드)은 기본적으로 자바스크립트 코드만 가져올 수 있다.
  2. TC39 제안 3단계인 JSON 모듈 은 JSON을 ES 모듈로 가져오는 방법을 제안한다. 가져오기 구문 (import) 뒤에 가져오기 선언만 추가하면 된다.

 

'자바스크립트 JavaScript' 카테고리의 다른 글

[에러 해결] SyntaxError: Cannot use import statement outside a module  (0) 2024.01.06
2. IntelliJ 에서 ESLint, Prettier 적용하기  (0) 2023.05.20
1. ESLint, Prettier / 설치 및 사용 / 차이점 / 더 잘쓰기 (충돌방지, 쉽게 쓰기)  (0) 2023.05.20
form, XHR, AJAX, jQuery.ajax, Fetch  (2) 2023.01.23
OOP (Object Oriented Programming)  (0) 2023.01.23
    '자바스크립트 JavaScript' 카테고리의 다른 글
    • [에러 해결] SyntaxError: Cannot use import statement outside a module
    • 2. IntelliJ 에서 ESLint, Prettier 적용하기
    • 1. ESLint, Prettier / 설치 및 사용 / 차이점 / 더 잘쓰기 (충돌방지, 쉽게 쓰기)
    • form, XHR, AJAX, jQuery.ajax, Fetch
    leexx
    leexx

    티스토리툴바