关于echarts的api功能本地测试可行,打包线上功能失效问题

1 篇文章 0 订阅
1 篇文章 0 订阅

最近在用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。试了一下重新打包编译果然可以了!!

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值