tsx/typescript文件引入图片报错

typescript中引入图片报错

对于react来说在js文件中直接这样导入是没有问题的，但是在ts文件中这样导入就会报错了，这是因为ts本身会有静态检查，而ts只会检查代码文件，对于非代码文件是无法识别的。

• 解决：
  声明一个特殊的ts文件：img.d.ts
  
  然后在这个ts文件中声明图片格式：
  

/* 
    * ts图片声明导入文件
*/
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'

最后在tsconfig.json文件中声明编译包含这个文件：

OK