vue+ts项目中import图片时报错Cannot find module ‘xxx‘ or its corresponding type declarations

TS项目中import图片时报错Cannot find module ‘xxx’ or its corresponding type declarations

在vue+ts项目中使用import的形式来引入照片时，会提示以下报错：

原因：

使用import的形式引入图片，ts无法识别非代码资源；但是js中这种写法是没有问题的。

解决：

我们需要新建一个.d.ts后缀的文件，文件中声明这个module（格式如下），而且这个文件只能放置在tsconfig.json文件中的include属性缩配置的文件夹下。只有这样，这类文件和ts文件才能被ts编译。

/* images.d.ts文件 */

declare module '*.svg'
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.gif'
declare module '*.bmp'
declare module '*.tiff'