[Typescript] 타입스크립트에서 json 파일 import 안될 때

문제

다국어 지원을 위해 react-i18n을 쓰는데 설정을 해주는 과정에서
json 형태의 언어팩을 불러오지 못하는 이슈가 있었다

역시나 친절하게 해결방법을 알려준다

원인

tsconfig 파일에서 resolveJsonModule이 설정되어 있지 않았다

 

해결

tsconfig 파일로 가보자!
esModuleInterop과 moduleResolution은 잘 설정되어 있었는데 resolveJsonModule 설정이 없어서 추가했다
참고로 resolveJsonModule 옵션을 사용하기 위해서 esModuleInterop과 moduleResolution 설정은 필수다!

{
  "compilerOptions": {
    // code
    "esModuleInterop": true, // ES6 모듈 사양을 준수하여 CommonJS모듈을 가져오기
    "moduleResolution": "node", //모듈 해석?? 방식
    "resolveJsonModule": true, // 추가된 부분
    // code
  },
  // code
}