复制代码
<script setup>
import { ref } from "@vue/runtime-core";
const statusBarHeight = ref(0)
try {
statusBarHeight.value = uni.getSystemInfoSync().statusBarHeight
} catch (e) {
console.info("错误", e)
}
</script> 
项目目录
- 发布：2022-05-20 16:30
- 更新：2022-05-20 17:05
- 阅读：1503
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： macOS Monterey 12.3.1 M1
手机系统： Android
手机系统版本号： Android 9.0
手机厂商： 华为
手机机型： Mate9
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： CLI
CLI版本号： 4.5
示例代码：
操作步骤：
以上代码在HBuilder X alpha sdk 3.4.10版本下运行到安卓手机。
以上代码在HBuilder X alpha sdk 3.4.10版本下运行到安卓手机。
预期结果：
正常显示，不报错
正常显示，不报错
实际结果：
报错，有该代码的组件无法显示。有时安卓手机白屏，苹果系统及模拟器都是正常显示。
报错，有该代码的组件无法显示。有时安卓手机白屏，苹果系统及模拟器都是正常显示。
bug描述：
页面中使用uni.getSystemInfoSync() 安卓手机白屏，通过终端调试查看报以下错误：
复制代码App Launch uni-app:///App.vue:4
App Show uni-app:///App.vue:7
env development uni-app:///App.vue:8
Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
at zt ()
at Object.Nn.s [as getSystemInfoSync] ()
at setTimeout ()
zt
Nn.s
setTimeout
setTimeout (async)
(anonymous)
__weex_bundle_entry__
(anonymous) @ VM30:3
(anonymous) @ VM30:4
ZI
JI
global.(anonymous function).O
(anonymous)
(anonymous)
_emit
emit
(anonymous)
setup uni-app:///pages/index/index.vue:74
{opt: {…}} "uni-app:///pages/index/index.vue:83"
错误 TypeError: Cannot read property 'toLowerCase' of undefined
at zt ()
at Object.Nn.s [as getSystemInfoSync] ()
at setup ()
at hn ()
at ll ()
at sl ()
at Be ()
at Se ()
at Oe ()
at xt () uni-app:///components/y-nav/y-nav.vue:61
状态栏高度 RefImpl {__v_isShallow: false, dep: undefined, __v_isRef: true, _rawValue: 0, _value: 0}dep: undefined__v_isRef: true__v_isShallow: false_rawValue: 0_value: 0value: (...)__proto__: Object uni-app:///components/y-nav/y-nav.vue:65
App Hide uni-app:///App.vue:11 
1 个回复
项目目录 (作者)
已经解决了，原来是这里的问题：
import { ref, computed } from "@vue/runtime-core";
应该是 import { ref, computed } from "vue";