当前位置: 首页 > Web前端 > vue.js

类型“---”上不存在解决方案属性“$echarts”,Vetur(2339)解决方法

时间:2023-03-31 19:45:20 vue.js

工作中在Vue中引用Echarts,使用过程中发现错误。具体使用过程如下:1.项目安装echarts,过程不描述,npminstallecharts-S2。在main.js中引入,和EUI一样,从'echarts导入echarts然后链接:Vue.prototype.$echarts=echarts4。使用echarts初始化:this.$echarts.init(document.getElementById('myChart'))结果如下图,编译没问题。作为0警告,我绝对不会允许下面的波浪,所以简单地阅读信息。从官网的解释可以知道:TS是一种静态类型语言,就像我们使用类java语言一样,必须提前定义,直接调用未定义的属性会报错。打印完这个,链上就没有$echarts了,如下图:截图上看到有,应该是类型不识别,看别人declareXXX.d就可以解决.ts,也就是多个文件,这个我不太了解,试试看吧。方法一:把this.$echarts改成(thisasany).$echarts可以解决错误方法二:把this.$echarts改成this['$echarts']可以解决错误经过实践,以上两种方法都可以解决Propertydoesnotexiston...报错,希望对你有所帮助。