Uncaught TypeError: wave.ensureState is not a function

Posted 2022-07-05 尔嵘

在引入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版本 , 那么就有两种解决办法，要么升级echarts版本，要么降低echarts-liquidfill的版本，下面我以降低echarts-liquidfill版本为例子：

（1）

首先找到你的依赖模块，node_modules,找到echarts-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。