Echarts 明明和官方文档配置一致,图表加载却是报错:Error in mounted hook: \"TypeError: Cannot read property 'get' of undefined\",重新npm run dev,问题解决。

在搞Echarts的关系图graph,一开始正常显示,如下:

 

然而就在本人修改了option里的curveness = 0.2,ctrl+f5强制刷新页面后,图表加载报错:Error in mounted hook: "TypeError: Cannot read property 'get' of undefined"

 一开始以为是因为curveness的修改而报错,遂回退修改,然而问题依旧。

于是乎,研究一下报错的地方,就是“axisModel = undefined”这个鬼东西报错;

然后各种怀疑,怀疑dom组件加载未成功就进行了初始化,又怀疑echarts布局配置有bug(coordinateSystem: 'cartesian2d',),折腾半小时后无果。

于是使出最后一招“重启开发环境”:重新npm run dev,问题解决。

后面试验了一下,发现浏览器加载了npm run dev 缓存的东西,当动态v-if去改echarts显示或不显示时,也会报以上描述的错。渣渣的我只能简单的将该问题定义为:npm run dev缓存影响组件装载。