TypeScript img파일 모듈 또는 해당 형식 선언을 찾을 수 없습니다.

문제

JS에서 TS로 리팩토링을 진행하던중 imgs 폴더 안의 이미지들을 못 읽어오는 현상이 발생했다.

구글링을 해본결과 모듈을 다른 곳에서도 쓸수 있도록 파일을 하나 만들어줘야했다.

해결방법

src 폴더 아래에 custom.d.ts 를 만들어준뒤, 우리  프로젝트에 쓰이는 이미지 확장자들을 넣어주었다.

declare module "*.jpg";
declare module "*.png";
declare module "*.jpeg";
declare module "*.gif";
declare module "*.webp";

 

참고링크