Typescript image import

타입스크립트를 통해서 프로젝트를 진행하던중에 다음과 같은 에러가 발생했다.

../../public/logo192.png' 모듈 또는 해당 형식 선언을 찾을 수 없습니다

이에 대한 해답은
https://www.carlrippon.com/using-images-react-typescript-with-webpack5/
에서 찾았다.

가장먼저 src 폴더에 custom.d.ts 를 만들어준다.

그 다음 확장자명을 지정해준다

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

이렇게 하면 4개의 확장자명에서 에러가 사라진다