关于React+ts文件引入图片报错的问题

860 阅读1分钟

问题是引入图片说找不到模块

b2b47f93e0907cbe23d8d871158d780.jpg

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

那么需要怎么解决?

需要声明一个特殊的ts文件:image.d.ts , 然后编写以下内容:

image.png

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

最后只需要在tsconfig.json文件中声明编译引入这个文件即可解决

image.png