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

这篇具有很好参考价值的文章主要介绍了uniapp h5 echarts 打包后图表点击失效/及其他失效。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

期望效果

uniapp h5 echarts 打包后图表点击失效/及其他失效,vue3,uniapp,uni-app,echarts,javascript

实际效果

uniapp h5 echarts 打包后图表点击失效/及其他失效,vue3,uniapp,uni-app,echarts,javascript

环境

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 打包后图表点击失效/及其他失效,vue3,uniapp,uni-app,echarts,javascript

原因

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

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

uniapp h5 echarts 打包后图表点击失效/及其他失效,vue3,uniapp,uni-app,echarts,javascript文章来源地址https://www.toymoban.com/news/detail-709643.html

到了这里,关于uniapp h5 echarts 打包后图表点击失效/及其他失效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【uniapp】微信小程序迁移至uniapp以及echarts图表

    需要对微信小程序开发和uniapp开发都有了解 目标: 微信小程序原生开发转为uni-app开发 微信小程序云开发转为uniCloud阿里云开发,涉及云数据库和云存储的迁移 迁移后依然发行至微信小程序 借助 miniprogram-to-uniapp 工具,源项目同级目录下会生成后缀为 _uni 的uniapp项目 微信云

    2024年02月09日
    浏览(59)
  • uniapp-秋云图表 ucharts echarts 对比与关系

    秋云图表库,包含二种配置属性对应二种js配置文件。 一种是 :echarts.js, 一种是 : ucharts。 二者的配置属性不一样! ucharts和echarts都是用于数据可视化的开源JavaScript库,它们有一些相似之处,也有一些不同之处。 相似之处: 都支持多种图表类型和交互式操作。 都能够使用

    2024年02月10日
    浏览(46)
  • 【uniapp】中 微信小程序实现echarts图表组件的封装

     插件地址:echarts-for-uniapp - DCloud 插件市场 图例: 一、uniapp 安装   二、文件夹操作 将 node_modules 下的 uniapp-echarts 文件夹复制到 components 文件夹下  当前不操作此步骤的话,运行 - 运行到小程序模拟器 - 微信开发者工具 时,echarts图表显示不出来 原因:运行到小程序打包过

    2024年02月12日
    浏览(50)
  • uniapp小程序使用原生echarts非第三方封装 小程序使用echarts 图表 可视化

    前言:之前小程序做的图表,当时没找到太多使用echarts的教程,大多都是二次封装的。连uniapp都是推荐别人二次封装的图表,然后用了之后呢,发现不是自己想要的效果(也许是自己对别人二次封装的代码不够熟悉吧 ),然后干脆摸索下uniapp引入echarts图表(非他人封装的)

    2024年02月09日
    浏览(50)
  • uniapp微信小程序+echarts简单图表以及与后端交互

    效果图:   需要的两个主要文件就是  echarts.min.js   和  echarts.vue  1、 echarts.min.js 可以去官网定制 链接   ECharts 在线构建   或者直接去GitHub - Tawesome666/echarts: echarts 下载 (注意:我这个只有柱状图和折线图) 2、 echarts.vue  可以使用 Visual Studio Code  打开你的文件夹使用命

    2024年02月09日
    浏览(42)
  • uniapp导入echarts类库 开发图表类小程序vue3+ts+vite

    微信小程序和抖音小程序等都支持: 使用步骤如下 第一步:下载插件包 下载echarts插件包,并导入到项目中,然后使用插件中的组件创建容器,并导入数据就可以了。 echarts插件包地址:echarts - DCloud 插件市场 如果你是使用hbuilder写的,可以直接导入,如果你是vscode写的,就

    2024年01月21日
    浏览(46)
  • uniapp echarts 适配H5与微信小程序

    接上文:uniapp 微信小程序使用echarts,这篇文章目的为使用uniapp时提供一个同时兼容H5和小程序的echarts组件,在使用时尽量减少心智负担。 首先修改uniapp 微信小程序使用echarts中的 ec-canvas 组件,将initChart方法置于该组件内部,而不是存在于业务组件中。 1.1 在 ec-canvas 组件m

    2024年02月06日
    浏览(47)
  • 【uniapp】uniapp使用高德地图定位打包成安卓app的一些记录,比如打包后定位失效、

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 我的项目是uniapp打包成安卓app,这里不会讲解微信小程序之类的踩坑,只记录app端的用法 首先要知道,定位是返回经纬度,地图是渲染页面。这个不能搞混。 在uniapp中有map组件,具体可看官网的文档

    2023年04月16日
    浏览(46)
  • uniapp中按钮点击跳转页面失效,纠正错误(亲测可用)

    不知道伙伴你的错误和我是否一致? 我当时为了点击跳转按钮发现跳转不了,如下错误提示: worker.js?libName=WAAccelerateWorker.js:1 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. worker.js?

    2024年01月16日
    浏览(105)
  • 【uniapp】uniapp打包H5(网页端):

    一、设置appid: 【 注意 】appid是项目的( 不是成员无法打包 ) 二、设置router: 未设置router情况: 三、打包: 【1】CLI 发行uni-app到H5:https://hx.dcloud.net.cn/cli/publish-h5 【 注意 】cli命令打包h5报错:找不到接受实际参数“–platform”的位置形式参数 【2】HBuilderX 发行=》网站-

    2024年02月13日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包