解決ts開發時引入圖片報錯：“找不到xxx或其相應的類型聲明” 的問題

在使用ts開發時,引入圖片報錯

import img from '../../assets/images/logo.png';

　　

找不到模塊“../../assets/images/foo.png”或其相應的類型聲明。

因為typescript無法識別非代碼資源。我們需要主動的去聲明這個module

方法一：來源：參考鏈接
新建一個ts聲明文件：images.d.ts

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'

 

 

 

項目編譯過程中會自動去讀取.d.ts這種類型的文件，所以不需要我們手動加載。放置在tsconfig.json中include屬性所配置的文件夾下即可。