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'