报错截图如下:

除了遇到js引入的module报错,也会遇到类似于img引入时候报错,报错如下:

而图片的引入是按照:
// 引入
import replyIcon from '../../images/reply.png';
// render
<img src={replyIcon} />
报错的原因就是因为ts中这些module没有被声明。
在根目录加一个image.d.ts文件,加上如下:
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'
declare module 'xxxxx'
即可解决。
本文介绍了解决TypeScript中因未声明图片模块而导致的错误方法。通过在项目根目录下创建image.d.ts文件并声明各种图片格式的模块,可以避免在引入图片资源时出现类型错误。

被折叠的 条评论
为什么被折叠?



