타입스크립트로 리액트에서 이미지를 임포트 하다가 생긴 오류이다.
JS로 당연하게 쓰던 문법이 오류가 생기니 당황했으나 곧 해결법을 찾았다.
https://www.carlrippon.com/using-images-react-typescript-with-webpack5/
아래는 원래 내가 이미지를 import 하던 방식이다
TypeScript에서 동일하게 import 해보자 에러가 났다.
custom.d.ts
declare module "*.jpg";
declare module "*.png";
declare module "*.jpeg";
declare module "*.gif";
위 파일을 생성한 뒤 cmd+shift+p → Restart Ts Server 해보니 에러가 사라진 것을 확인할 수 있었다.