在日常开发中,代码文件里有对应的图片,但是在引入图片时,ts却发出警告,但是项目启动又能正常显示,对于强迫症的开发者来说这是不能忍受的(如下图)
解决办法:
1、因为typescript无法识别非代码资源。我们需要主动的去声明这个module。 在存放imgs的文件夹下面添加一个名为:images.d.ts 的文件
2、在images.d.ts的文件中写入以下数据
declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'
3、ctrl + s 保存文件,再返回报错页面,即可看到ts报的警告已消失