이번에 다룰 내용은 JavaScript에서 TypeScript로 마이그레이션 과정에서 발생한 오류입니다.

png 파일을 가져올 때 JavaScript에서는 발생하지 않았지만 TypeScript로 파일을 변경했을 때 발생합니다.

TS2307: Cannot find module 'logo192.png' or its corresponding type declarations.

원인은 타입을 정의하지 않았기 때문에 발생한 오류입니다.

png 뿐만 아니라 css, sass 파일 등도 등록을 해야 TypeScript에서 읽을 수 있습니다.

declare module "*.css" {
    const content: {[className: string]: string }
    export = content
}

declare module "*.png"

위 코드는 필자가 사용한 오류 해결 방법입니다.

global.d.ts 파일을 만들고 css와 png 파일을 읽을 수 있도록 코드를 작성했습니다.

declare module를 통해 오류가 해결되길 바랍니다.

함께 보면 좋은 글

참고