问题描述

在使用Vue3框架结合echarts实现百度地图并标点时，出现了在本地运行正常，但是一打包部署便出现页面白屏的问题

Debug过程

  • 首先考虑到是echarts脚本未加载出来
    • 经过调试发现echarts表格dom以建立，标题也显示，就是地图空白
  • 考虑bmap脚本加载失败
    • 检查发现控制台bmap脚本成功加载
  • 查找互联网同类型错误
    • 发现出现情况均与本次遇到情况不符
  • 最后将代码回滚到可以正常打包运行的版本，一步步调试终于发现了问题所在

问题解决

原代码

1
import 'echarts/extension-src/bmap/bmap'

改正后代码

1
import 'echarts/extension/bmap/bmap'

复盘解释

  • 猜想1：原代码是通过copilot生成的，可能是早期写法
  • 猜想2： extension-src包下内容是ts写的，可能在打包后有更严格的代码规范检查，导致运行出错，extension是js代码，要求不高