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'；

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