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