uniapp 项目的 echarts 图表本地可以展示,同事打包后 echarts 图表无法显示

造成问题的原因

本地开发环境装了 百度图表 echarts 插件,代码提交 SVN 后,同事获取下来打包发布,发布后发现线上的图表无法加载出来

  • 这个同事专门负责发版本之类的,减少生产事故发生的概率

由于这块代码的方案是我提供给实习生同事的,故很快就猜到了问题所在

排查与解决

我让打包代码的同事在本地运行代码查看,发现他本地就无法显示图表,稍作思考后怀疑是他没有装 百度图表 echarts 插件所致,故让他装了一下,然后再运行,图表就能显示了,至此问题就解决了

虽然一下子就解决了,但我觉得还是得记录一下,后续遇到这类问题,不知道这一前提条件时可以想到这一点,否则从代码层面、兼容层面去分析怕是很难找到问题所在,希望能帮到同样遇到此问题的你

后续可以在项目根目录增加一个 README.md 文件,将 uniapp 需要安装的插件备注下,方便其他同事获取下来代码后可以直接运行项目,避免过个一两老项目有需求改动发现代码更新下来项目都跑不起来了

起由

项目移动端是基于 uniapp 开发的,需要打包成 H5 放到浙政钉环境下运行

鉴于客户对页面要求较高,且同事设计出的图表定制化程度较高,用之前项目使用过的 uCharts 估计无法实现,就只能去网上探索其他方案了

当然首选方案是我们团队最熟悉的 echarts,毕竟比较熟悉好用,不容易翻车,网上一搜刚好本月初有人分享了相关插件,感谢分享呀~👍

然后就在本地写了 demo 代码,基于本地环境进行测试了

  • 将本地局域网地址发至同一局域网下的手机,通过浙政钉聊天窗口打开,经测试本地开发的图表在 iOS、Android 手机下均能正常加载显示

那就可以让同事基于此插件安心去开发业务代码了

  • 最后上线能正常显示也侧面证明这个验证方法可行,后续可以考虑这么进行浙政钉的调试,不然专有钉钉无法调试的情况下,遇到 bug 改一点发个版本实在太痛苦了,还会影响客户的正常使用
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RealizeInnerSelf丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值