typescript項目中import 圖片時報錯：TS2307: Cannot find module ‘...’

　　最近在用typescript寫項目時，我用import來加載一個圖片，webpack編譯文件是會報錯以下：

報錯：

解決：

　　若是在js中引入本地靜態資源圖片時使用import img from './img/bd_logo1.png'這種寫法是沒有問題的，可是在typscript中是沒法識別非代碼資源的，因此會報錯TS2307: cannot find module '.png'。所以，咱們須要主動的去聲明這個module。新建一個ts聲明文件如：images.d.ts（以下）就能夠了。這樣ts就能夠識別svg、png、jpg等等圖片類型文件。項目編譯過程當中會自動去讀取.d.ts這種類型的文件，因此不須要咱們手動地加載他們。固然.d.ts文件也不能隨便放置在項目中，這類文件和ts文件同樣須要被typescript編譯，因此同樣只能放置在tsconfig.json中include屬性所配置的文件夾下。

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