uniapp h5 echarts 打包后图表点击失效/及其他失效

文章目录

  • 期望效果
  • 实际效果
  • 环境
  • 引入echarts方式
  • 解决方法:
    • 注意
  • 原因
  • 多说一句在h5打包的时候将 history 改为 hash 不然在浏览器打开后刷新会404

期望效果

uniapp h5 echarts 打包后图表点击失效/及其他失效_第1张图片

实际效果

uniapp h5 echarts 打包后图表点击失效/及其他失效_第2张图片

环境

pc端 window11
hbuilderx版本 3.8.12
echarts版本 5.4.3

引入echarts方式

npm install echarts

解决方法:

在main.js 加上

window.wx = undefined

注意

window.wx = {} // 开发正常 打包后 图表点击等也会失效
window.wx = null 会报错
uniapp h5 echarts 打包后图表点击失效/及其他失效_第3张图片

原因

打包后自动检测环境,会优先走到 wx里去。进去就不出来了。拉都拉不出来那种。所以重写一下wx

多说一句在h5打包的时候将 history 改为 hash 不然在浏览器打开后刷新会404

uniapp h5 echarts 打包后图表点击失效/及其他失效_第4张图片

你可能感兴趣的:(vue3,uniapp,uni-app,echarts,javascript)