uniapp开发H5兼容APP，踩坑吐血整理

问题一：uniapp H5 不报错 App报错：TypeError: Cannot read property 'call' of undefined 此错误导致程序在真机调试时白屏，但是在H5上时正常的

这个报错的主要原因是小程序分包导致的。当前页面引入其他包的js文件，但是执行当前页面时，js所在的包还未开始编译，就会导致控制台提示call的指向问题。

问题二：使用this.$refs.子组件.xxx方法， uniapp:H5正常，APP报错提示 Error in onShow hook (Promise/async): TypeError: Cannot read property xxx of undefined

经过确认了解到 xxx的位置，我是在onshow中调用子组件的方法去请求数据，但提示未找到该方法。初步判断是页面渲染的执行顺序问题。在真机调试中，生命周期onShow是在页面渲染之前执行的，此时通过this.$refs 拿不到页面的dom,控制台就会提示 "Cannot read property xxx of undefined " . 将此语句放在 onLoad生命周期中执行，是正常的。

问题三： 1.pages.json ——>globalStyle 的 backgroundColor 属性，在app上不生效，但是在H5 上正常显示的

问题三：ios 在onload生命周期中拿不到this.$refs.子组件.xxx方法，可以写在mounted生命周期中

uniapp开发H5兼容APP，踩坑吐血整理相关推荐

uniapp 开发微信小程序踩坑：TypeError: Cannot read property ‘FormData‘ of undefined
需求: UniApp 的 H5 端已经正常使用,现在打算兼容微信小程序. 1. 问题分析本以为应该很顺利,但是一上来就直接报错了,心里很慌呀,报错信息如下: 页面[components/major/ ...
Hilo开发H5小游戏踩坑笔记
第一次开发小游戏,用的是Hilo框架.由于项目开发时间比较紧张,对游戏和CANVAS都没有了解过.代码虽然写的很烂,但是还是记录下踩过的坑吧!本文为碎碎念模式,并不深入,写错的地方希望多多指点. 一. ...
uniapp开发聊天APP踩坑记录
最近工作重心转移到了uniapp上,有一说一,这个框架跨端确实牛逼,一套代码能一次编译到多端使用.但随之而来的兼容性问题也是层出不穷,同样的在面临APP底层的改动也显得力不从心.同时,uniapp的性 ...
uniApp开发h5踩坑 px转rpx转rem 1px转2rpx 2倍
项目要求开发h5移动端页面,查看了后续可能会出现的ui设计.不选择使用原生写法写h5,选择了uniApp+vue3来开发h5,高效简洁.由于第一次使用uniApp开发h5,所以挺多坑和报错. 在h5移 ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
uniapp开发h5微信授权登录(详细教程)
uniapp开发h5微信授权登录文章目录 uniapp开发h5微信授权登录前言一.前期准备--申请测试账号二.正式开发--前端代码三.打包发布总结前言我也是第一次做h5授权微信登录,网 ...
对uni-app开发的某app安全分析
声明以下只是搬运下我公众号的东西.很早就发过了.原帖地址: 对uni-app开发的某app分析已经发公众号的为什么还发csdn 有的圈内朋友,不经过我的允许,删减摘录我公众号的内容,这里就不提谁了 ...
uniapp 开发h5 优化加载速度
uniapp 开发h5 优化加载速度 1.选择manifest.json.点击H5配置.勾选发行时启用摇树优化这个功能可以减少网站体积加快首页渲染速度 2.配置nginx服务器,启用gzip压缩,示 ...
uniapp 开发H5打包微信小程序样式失效的解决之道
使用uniapp开发H5,样式已经按照UI设计稿全部实现.但是在打包微信小程序调试的时候,遇到很多样式失效的问题.问了度娘很久,并没有完全解决样式失效的问题.于是自己按照从度娘上查到的方法去进行组合尝 ...

uniapp开发H5兼容APP，踩坑吐血整理

uniapp开发H5兼容APP，踩坑吐血整理相关推荐

最新文章

热门文章