[Error Handling] TS2307: Cannot find module '.png' or its corresponding type declarations. (이미지 import 에러)

 

[Typescript] TS2307: Cannot find module '.png' or its corresponding type declarations.

React와 TypeScript를 사용하여 과제를 하던 중에 .png 확장자명을 가진 image파일을 import하려는데 자꾸 위와 같은 에러가 나면서 import가 되지 않았습니다. 검색해서 찾아보니 타입이 정의되어 있지 않아서라고 했습니다.

 

// tsconfig.json
...
"typeRoots": ["src/types"],
...

tsconfig.json 파일에 위와 같이 추가해주고

// src/types/images.d.ts
declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';

src/types 폴더에 위와 같이 .d.ts 파일을 추가하여 타입을 추가해주니 이미지를 정상적으로 import할 수 있었습니다.

 

 

아래의 글을 참고하여 에러를 해결했습니다.

Reference: https://egas.tistory.com/125

[Typescript] TS2307: Cannot find module '.png' or its corresponding type declarations.