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属性所配置的文件夹下。

转载请说明出处内容投诉
CSS教程_站长资源网 » TS2307: Cannot find module ‘@/assets/home/banner1.webp‘ or its corresponding type declarations.

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买