Frontend/Typescript

타입스크립트에서 json import 설정

괴발새발자 2022. 8. 13. 23:46

참고자료 : https://gracefullight.dev/2019/11/26/import-json-with-typescript-ts5071/

 

타입스크립트에서 json import 방법

TS5071node 에서 즐겨쓰는 package.json import 방법은 아래와 같다. 12import packageJson from '../package.json';console.log(packageJson.version); 편안하게 잘 사용되는 로직인데 타입스크립트로 변경시에는 몇 가지 설정

gracefullight.dev

 

Next.js를 처음에 자바스크립트 기반으로 생성했지만 나중에 타입 스크립트로 바꾸는 과정에서

자동으로 생성된 tsconfig.json 파일은 moduleResolution 값이 없어 resolveJsonModule 설정이 제대로 먹히지 않는다.

따라서 이 경우에는 moduleResolution(node), resolveJsonModule(true), esModuleInterop(true) 값을 확인한다