TypeScript 引用資源文件后提示找不到的異常處理

在tsx中引用圖片，在文件文本編輯器中提示錯誤引用：

 typescript無法識別非代碼文件(js是可以的)。如果需要在ts中識別此文件資源，可以先聲明文件類型。

新建一個ts文件，比如global.d.ts（.d.ts是typescript declaration file的簡稱），並放在主要代碼文件夾下。

 在ts文件中，添加各種文件類型的聲明，比如：

declare module '*.svg' {
  interface Svg {
    content: string;
    id: string;
    viewBox: string;
    node: any;
  }
  const svg: Svg;
  export default svg;
}

declare module '*.png' {
  const png: string;
  export default png;
}

declare module '*.mp3' {
  const mp3: string;
  export default mp3;
}

declare module '*.gif' {
  const png: string;
  export default png;
}

也可以簡略為 declare module '*.png'；

項目編譯時，會自動讀取文件內容。然后就能識別資源文件了