TS2307: Cannot find module ‘@/assets/home/banner1.webp‘ or its corresponding type declarations.

最近在用typescript + webpack 重构项目，每次打包都会出现下面报错：

• 第一次以为是这个路径别名的问题，改为相对路径还是报错

• 尝试过把项目中使用这段图片路径的img标签注释掉，重新打包就可以，但这根本不现实。

解决方案：

正常来讲在js中就不会出现这个报错，但webpack中无法识别非代码资源的，应该是这个原因导致的 。

另外参考报错中的 its corresponding type declarations。翻译过来就是：对应的类型声明。

因此，我们需要主动去声明这个module。一般ts项目中都存在一个声明文件(*.d.ts)，在里面编写各种声明的，若没有新建一个*.d.ts 文件。在这个文件中声明所用的东西即可。

这样ts就可以识别svg、png、jpg等等图片类型文件。项目编译过程中会自动去读取.d.ts这种类型的文件，所以不需要我们手动地加载他们。当然.d.ts文件也不能随便放置在项目中，这类文件和ts文件一样需要被typescript编译，所以一样只能放置在tsconfig.json中include属性所配置的文件夹下。