[23.07.24] Typescript 이미지 경로 오류

오류 내용

로고 이미지를 import 했는데 찾을 수 없다고 뜬다

오류 원인

확장자를 타입스크립트가 받아들이지 못하고 있는 상황이어서 발생한 것이다

해결 방법

• 프로젝트 최상위 경로에 @types/global/index.d.ts 파일 생성
• 파일 내용

  declare module '*.png';
  declare module '*.svg';

  필요한 확장자를 추가
  
• tsconfig.json 의 compilerOptions 안에 내용 추가

  {
  	"compilerOptions": {
  	...
  		"typeRoots": ["./node_modules/@types", "@types"],
  	}
  }

→ 해결 완료