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()钩子函数调用!
本文介绍了uni-app在云打包后出现首页白屏的故障,问题根源在于uni-app获取元素的createSelectorQuery报错。通过真机调试发现错误来源于onReady()钩子函数外调用getHight方法。解决方案是确保getHight方法在onReady()内执行,以正确获取设备高度并避免白屏问题。
2688

被折叠的 条评论
为什么被折叠?



