最近在用echarts开发一个H5的柱状图页面
大致情况是在本地运行,浏览器显示正常,但是webpack打包后发到线上测试环境,功能就失效。
排除结果:
前端在本地运行的时候,会获取nodemodules安装的依赖包,确认过package.json里面的echarts依赖包是最新的4.7.0版本
但是本地打包后发到线上,原先功能失效。
看到webpack里面的
externals: {
vue: 'Vue',
echarts: 'echarts'
},
代码,此处表示,在线上运行时候,会通过CDN加载echarts资源.
然后到html根文件里面看,这是一个挂在在公司服务器上面的cdn文件
<script src="https://upload.jinyi999.cn/echarts/echarts.min.js"></script>
打开文件一看果然是老版本的echarts。
于是怀疑会不会是线上echarts老版本不支持新的api,
下一步把webpack里externals里的echarts注销掉,然后线上测试环境依赖于打包文件里面的echarts。试了一下重新打包编译果然可以了!!