json파일을 모듈로 받기 위해서는 import구문 뒤에 assert{ type: "json" } 구문이 필요하다. 가령, 아래와 같은 json파일을 모듈로 import한다고 가정해보자.
{
"city" : "Seoul",
"weather" : "Rainy"
}
|
[ config.json ]
무심코 아래와 같이 모듈을 불러온다면 'MimeType: application/json' 에러가 발생한다.
import data from './config.json'; console.log(`city: ${data.city}`);
console.log(`weather: ${data.weather}`);
// Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/json". Strict MIME type checking is enforced for module scripts per HTML spec. :: Mime Type에러 발생
|
[ json import Error ]
json파일을 import한다면 반드시 아래와 같이 'assert{ type: "json" }을 붙여야만 모듈이 정상적으로 작동한다.
import data from './config.json' assert{ type: "json"} ; console.log(`city: ${data.city}`);
console.log(`weather: ${data.weather}`);
// city: Seoul
// weather: Rainy
|
[ json파일 모듈 import ]
'코드 스터디' 카테고리의 다른 글
「GUI 심리학」 (0) | 2022.01.31 |
---|---|
자바스크립트 알고리즘 레퍼런스 (0) | 2022.01.23 |
「flatMap( )」 중첩된 배열을 간단하게 풀자 (0) | 2022.01.12 |
[Express+node.js] MongoDB 스키마 적용하기 (0) | 2021.10.01 |
JS 스터디 『Promise』 (0) | 2021.05.17 |
댓글