在引入Echarts的水型图组件的时候,全部引入还是报错:

Uncaught TypeError: wave.ensureState is not a function

原因:查询得知是因为echarts版本和echarts-liquidfill并不是匹配的,你如果直接安装可能会安装高版本的,导致报错,那么我的原来报错版本是多少呢,找到package.json:

"echarts": "^4.9.0",

"echarts-liquidfill": "^3.0.0",

正确的:echarts4.x 版本 适用于 echarts-liquidfill2.x.x版本,echarts5.x 版本 适用于 echarts-liquidfill3.x.x版本

(1)

首先找到你的依赖模块,node_modules,找到echarts-liquidfill依赖:

Uncaught TypeError: wave.ensureState is not a function_liquidfill

 

(2)然后直接删除整个echarts-liquidfill依赖

(3)去package.json文件中修改echarts-liquidfill版本为具体的版本号:
 

"echarts": "^4.9.0",

"echarts-liquidfill": "^2.0.6",

(4)此时命令行重新npm install,最后npm run serve 即可解决问题

注意:此方法适用于所有node_modules的部分依赖版本不匹配问题,不用全部删除没有问题的node_modules。