uniapp 项目的 echarts 图表本地可以展示,同事打包后 echarts 图表无法显示
造成问题的原因
本地开发环境装了 百度图表 echarts 插件,代码提交 SVN 后,同事获取下来打包发布,发布后发现线上的图表无法加载出来
- 这个同事专门负责发版本之类的,减少生产事故
- 发生的概率
由于这块代码的方案是我提供给实习生同事的,故很快就猜到了问题所在
排查与解决
我让打包代码的同事在本地运行代码查看,发现他本地就无法显示图表,稍作思考后怀疑是他没有装 百度图表 echarts 插件所致,故让他装了一下,然后再运行,图表就能显示了,至此问题就解决了
虽然一下子就解决了,但我觉得还是得记录一下,后续遇到这类问题,不知道这一前提条件时可以想到这一点,否则从代码层面、兼容层面去分析怕是很难找到问题所在,希望能帮到同样遇到此问题的你
后续可以在项目根目录增加一个 README.md 文件,将 uniapp 需要安装的插件备注下,方便其他同事获取下来代码后可以直接运行项目,避免过个一两老项目有需求改动发现代码更新下来项目都跑不起来了
起由
项目移动端是基于 uniapp 开发的,需要打包成 H5 放到浙政钉环境下运行
鉴于客户对页面要求较高,且同事设计出的图表定制化程度较高,用之前项目使用过的 uCharts 估计无法实现,就只能去网上探索其他方案了
当然首选方案是我们团队最熟悉的 echarts,毕竟比较熟悉好用,不容易翻车,网上一搜刚好本月初有人分享了相关插件,感谢分享呀~👍
然后就在本地写了 demo 代码,基于本地环境进行测试了
- 将本地局域网地址发至同一局域网下的手机,通过浙政钉聊天窗口打开,经测试本地开发的图表在 iOS、Android 手机下均能正常加载显示
那就可以让同事基于此插件安心去开发业务代码了
- 最后上线能正常显示也侧面证明这个验证方法可行,后续可以考虑这么进行浙政钉的调试,不然专有钉钉无法调试的情况下,遇到 bug 改一点发个版本实在太痛苦了,还会影响客户的正常使用
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
2022-01-31 文字横向自适应宽度并横向排列