[Javascript] json파일을 모듈로 받기

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 ]