assets/loading.gif' 모듈 또는 해당 형식 선언을 찾을 수 없습니다.ts(2307)
TypeScript에서 이미지를 import하려고 하는데 에러가 발생했는데 이미지 파일의 타입이 정의되지 않아서 그렇다고 한다
타입 정의 파일(.d.ts)을 생성하여 사용하려는 이미지 파일의 확장자에 타입을 정의해주면 된다.
프로젝트 root에 declarations.d.ts라는 파일을 만들고 아래 코드를 입력 후 저장 해 준다.
declare module '*.gif';
declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';
declare module '*.svg';
저장 후에도 해당 오류가 해결되지 않는 경우
tsconfig.json파일을 살펴보자.
"include": ["src", "react-app-env.d.ts", "*.d.ts"],include 옵션에 "*.d.ts" 을 추가 해주도록 하자.
