[이슈] : 타입스크립트 : Cannot find module '..

📋 내용 : 타입스크립트 사용 시, Cannot find module... 이 출력되는 문제

외부 파일을 불러올 때, 일치하는 타입 선언을 찾지 못했다는 오류가 자주 목격됩니다.

 

타입스크립트는 해석할 수 없는 타입에 대해 이런 오류를 출력하는데요, 타입 추론을 돕기 위해 d.ts 라는 이름의 파일을 만들어 활용할 수 있습니다.

// types.d.ts

// 예시. yml 형식의 파일을 불러와 사용하고 싶을 때
declare module "*.yml" {
  const data: any;
  export default data;
}

// 비슷하게, svg 파일을 불러온다고 하면 이렇게 사용하면 됨!
declare module "*.svg" {
  const data: any;
  export default data;
}

d.ts 파일에 declare 라는 이름으로 타입을 정의하면, 이제 선언되지 않은 타입이라도 활용할 수 있게 됩니다.