typescript语言最大的特色就是强类型,因此在typescript还远远没有JavaScript普及的时候,我们在使用ts开发项目,需要用到第三方插件时(这类插件基本都是以js开发的)往往强类型语言无法直接编译弱类型语言,因此容易报错。
我在实际开发中就遇到了这样的问题,需要在Vue+Typescript项目中实现图表效果,我选择了highcharts作为图表插件,现将解决方案公布如下:
1、首先我们在npm上将highcharts下载下来之后,在node_modules打开highcharts文件,查看里面是否有types文件夹,types文件夹里面有index.d.ts文件,这个文件夹的用处就在于将弱类型转换为强类型,对插件里面的变量方法啊什么的进行了一遍声明和定义。可以看到highcharts里是没有类型定义文件的,但是可以对比看下vue-router
2、由于highcharts自身没有进行类型声明,所以我们需要一个类型声明的东西来帮助我们使用highcharts。在github上我们可以找到我们需要的东西,我们通过DefinitelyTyped来获取types。
</

本文介绍了如何在typescript项目,特别是Vue+Typescript环境中解决使用未提供类型定义的第三方插件Highcharts时遇到的类型错误。通过查找并安装@types/highcharts,实现了将弱类型插件转换为强类型,从而避免编译错误并能够正常在项目中使用Highcharts。
最低0.47元/天 解锁文章
335

被折叠的 条评论
为什么被折叠?



