TypeScript에서 json 파일 가져오기

TypeScrip에서 json파일을 불러오는 중에 에러가 발생했다.

Cannot find module '../mock-data.json'. Consider using '--resolveJsonModule' to import module with '.json' extension.

 

json파일을 찾지를 못하는데 이 때 tsconfig에서 resolveJsonModule 설정을 넣어주면 해결이 된다. 

 

또 한 json파일을 import 할 때는 import * as data from '../data' 로 불러와야하는데  이 때

esModuleInterop 옵션 true로 넣어주어 깔끔하게 import data from '../data' 로 변경이 가능하다.

 

tsconfig.json

  "resolveJsonModule": true,
  "esModuleInterop":true

 

import esModuleInterop​

ex)

import mock from '../mock-data.json';