TS에서 svg import 안될 때

moontag·2022년 9월 18일
1

TypeScript

목록 보기
2/4

오류

  • 내용
    React + TypeScript에서 svg import가 안되는 오류 발생
'Logo' is declared but its value is never read.ts(6133)
Cannot find module '../images/Logo.svg' or its corresponding type declarations





해결방법

  • src/custom.d.ts 파일 생성
declare module '*.svg' {
  const content: any;
  export default content;
}
  • tsconfig 수정
"include": [ "src", "src/custom.d.ts" ]





참고

https://velog.io/@devstefancho/typescript-react-svg%EB%A5%BC-import-%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

https://stackoverflow.com/questions/44717164/unable-to-import-svg-files-in-typescript

profile
터벅터벅 나의 개발 일상

1개의 댓글

comment-user-thumbnail
2023년 4월 19일

declare module "*.svg" {
const content: React.FunctionComponent<React.SVGAttributes>;
export default content;
}
any보단 이게 좋아보입니다.
출처 : stack overflow

답글 달기