uni-app,打包后白屏

本文介绍了uni-app在云打包后出现首页白屏的故障,问题根源在于uni-app获取元素的createSelectorQuery报错。通过真机调试发现错误来源于onReady()钩子函数外调用getHight方法。解决方案是确保getHight方法在onReady()内执行,以正确获取设备高度并避免白屏问题。
摘要由CSDN通过智能技术生成

uni-app,打包后白屏

问题描述:

uni-app,云打包后,运行首页白屏,然后各种百度,也没找到有用的,后面真机调试发现有报错view.umd.min.js:1,然后就在页面注释代码,发现是uniapp获取元素createSelectorQuery报错问题,也就是获取节点的问题,一定要在onReady()钩子函数调用

			// 获取设备高度
			getHight() {
				const vm = this;
				uni.getSystemInfo({ //调用uni-app接口获取屏幕高度
					success(res) { //成功回调函数
						vm.windowHeight = res.windowHeight //windoHeight为窗口高度,主要使用的是这个
						let titleH = uni.createSelectorQuery().select(".sv")
						titleH.boundingClientRect(data=>{
							vm.navHeight = vm.windowHeight - data.top //计算高度:元素高度=窗口高度-元素距离顶部的距离(data.top)
						}).exec()
					}
				})
			},

解决方案:

代码里的getHight方法要在onReady()钩子函数调用,一定要在onReady()钩子函数调用!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值