uni-app 【报Bug】uni.getWindowInfo()在鸿蒙next系统获取不到windowHeight

发布于 1周前 作者 yuanlaile 来自 Uni-App

uni-app 【报Bug】uni.getWindowInfo()在鸿蒙next系统获取不到windowHeight

项目信息 详情
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 win11
HBuilderX类型 正式
HBuilderX版本 4.29
手机系统 HarmonyOS NEXT
手机系统版本 HarmonyOS NEXT Developer Preview
手机厂商 华为
手机机型 mate60
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

操作步骤：

console.log(JSON.stringify(windowInfo))

预期结果：

windowHeight正常

实际结果：

输出：0
同时这里还有一个bug，这个窗口只输入：0，不让提交，难道用的if(!实际结果)这样来判断的？

bug描述：

console.log(JSON.stringify(windowInfo))打印如下：
{"safeAreaInsets":{"top":32,"bottom":0,"left":0,"right":0},"safeArea":{"top":32,"bottom":799,"left":0,"right":374,"width":374,"height":767},"statusBarHeight":32,"pixelRatio":3.25,"screenHeight":827,"screenTop":0,"screenWidth":374,"windowHeight":0,"windowWidth":0}
为什么windowHeight为0？
我是hx4.29版本，至于后面的版本有没有修复不得而知，因为最新的4.36就是一垃圾版本，项目都跑不起来。

更多关于uni-app 【报Bug】uni.getWindowInfo()在鸿蒙next系统获取不到windowHeight的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
21 回复

【本文的两个问题都已经解决，感谢yuhe大佬。获取不到高度的问题升级到hx4.36以上版本。hx4.36运行失败的问题，重新安装devEco最新版本。】
我准备修改一下帖子，但是发现编辑有bug，选择手机os那里不让改，从而不让提交。

更多关于uni-app 【报Bug】uni.getWindowInfo()在鸿蒙next系统获取不到windowHeight的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢回复

您好，这个问题是修复了，如果您对 4.36 运行有问题，可以联系我解决

好像安全底部的高度也是0

从我的结果来看安全区的那些结果全是错的，可以对比safeAreaInsets和safeArea看，另外windowWidth也是0.同时getDeviceInfo和getSystemInfo等都需要同步修复。我无法测试新版的。

切换到最新版4.36后的问题：假如我没有harmony-configs这个文件夹就只会创建一个空文件夹。我是保留了4.29的文件夹后再试，安装不了这2个依赖包。大佬救命啊，im群里面的管理都摆烂了： ohpm ERROR: missing: @dcloudio/uts-harmony@E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uts, required by @ ohpm ERROR: Found exception: Error: Fetch local folder package error, E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uts does not exist., reached retry limit or non retryable error encountered. ohpm ERROR: ERUNNING execute tasks failed, Error: Fetch local folder package error, E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uts does not exist. ohpm ERROR: missing: @dcloudio/uni-app-harmony@E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uni-app-harmony, required by @ ohpm ERROR: Found exception: Error: Fetch local folder package error, E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uni-app-harmony does not exist., reached retry limit or non retryable error encountered. ohpm ERROR: missing: @dcloudio/uni-app-harmony-framework@E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\resources\rawfile\uni-app, required by @ ohpm ERROR: Found exception: Error: Fetch local folder package error, E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\resources\rawfile\uni-app does not exist., reached retry limit or non retryable error encountered. ohpm ERROR: Install failed, detail: Error: Fetch local folder package error, E:\uniapp\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\uts does not exist. 00:38:28.312 安装鸿蒙工程依赖失败

回复 loveCoding: 不要保留 4.29 的文件，会有冲突，需要把这个 harmony-configs 置为空，之后重新配置，只保留需要的文件

回复 DCloud_UNI_yuhe: 帮我看下下面那个报错是什么情况，实在是无法排查，如果是代码里面哪里报错了还可以自己找找。这个是uni.api的错误啊。

回复 loveCoding: 你可以提供一下一个可以复现的项目么。这光看报错也看不出来

回复 DCloud_UNI_yuhe: 和项目无关，你看目录。我就是hello-uniapp-vue3，我自己的项目也一样

回复 loveCoding: 我主要是看下 unpackage/debug 下生成的文件是啥

回复 DCloud_UNI_yuhe: https://mp-3343e9ce-7c6b-497a-8836-96d9fa55ba75.cdn.bspapp.com/unpackage.rar

如果是空的也跑不起来啊，试了几次了，心累，configs文件夹不配置任何东西，没有证书和包名等，也不是这个报错吧：1 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-app-harmony/uni.api.ets:5796:62 Namespace ‘photoAccessHelper’ has no exported member ‘PhotoCreationConfig’.
2 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-app-harmony/uni.api.ets:5803:65 Property ‘showAssetsCreationDialog’ does not exist on type ‘PhotoAccessHelper’.
3 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-mp-sdk/WebBuilder.ets:36:6 Property ‘keyboardAvoidMode’ does not exist on type ‘WebAttribute’.
4 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-mp-sdk/WebBuilder.ets:36:24 Cannot find name ‘WebKeyboardAvoidMode’.
5 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-mp-sdk/components/WebView.ets:34:8 Property ‘keyboardAvoidMode’ does not exist on type ‘WebAttribute’.
6 ERROR: ArkTS:ERROR File: E:/hello-uniapp-vue3/unpackage/debug/app-harmony-26d8f534/oh_modules/.ohpm/@dcloudio+uni-app-runtime@onjt5cnkmpxv8bm+y1oo6mnpqjw8oa6bpkmtp8h3hxs=/oh_modules/@dcloudio/uni-app-runtime/src/main/ets/uni-mp-sdk/components/WebView.ets:34:26 Cannot find name ‘WebKeyboardAvoidMode’.
7 ERROR: ERROR File: E:\hello-uniapp-vue3\unpackage\debug\app-harmony-26d8f534\entry\src\main\ets\entryability\EntryAbility.ets Cannot resolved import statement @dcloudio/uni-app-runtime/index. Please check the case.
COMPILE RESULT:FAIL {ERROR:8 WARN:544}

hvigor ERROR: BUILD FAILED in 30 s 503 ms 12:57:24.884 运行包制作失败

此问题，是 deveco 版本问题或者是文件损坏，重新下载 deveco 之后解决

这不是可以运行么？你不能运行是不是因为你使用的是 x86设备模拟器，x86 设备运行需要真机

我运行的就是真机，mate60，报错是uts语法报错了，难道是什么缓存我下载到旧的包？你看下我发的编译后的文件，是什么造成的，反正编译得不对。

我把项目用devEco打开确实能运行，现在的问题是我hx报错，> 13:24:59.243 运行包制作失败。

回复 loveCoding: 你打开插件，把真机运行插件重新卸载重新安装一遍试试

回复 DCloud_UNI_yuhe: 我都是新下载了一个hx4.36最新版，自动安装真机插件测试的。就这个编译后的项目，可测试hx打包为hap包正常吗？反正在devEco里面打包并不报错，也能运行。问题还是出在打包这一步。

回复 loveCoding: 您通过 im 私聊我看一下

针对您提到的 uni-app 中 uni.getWindowInfo() 在鸿蒙 next 系统上获取不到 windowHeight 的问题，这通常与系统兼容性或 API 实现差异有关。以下是一个示例代码，展示了如何使用 uni.getWindowInfo() 并处理可能的兼容性问题。虽然无法直接解决鸿蒙系统上的特定问题，但可以提供一些调试思路和替代方案。

示例代码

首先，确保您的 uni-app 项目已经正确配置了目标平台，并且是最新的 SDK 版本。

// 在页面的 onLoad 或其他合适的生命周期函数中调用
onLoad() {
    this.getWindowInfo();
},

methods: {
    async getWindowInfo() {
        try {
            const info = await uni.getWindowInfo();
            console.log('Window Info:', info);
            if (info && info.windowHeight) {
                this.handleWindowHeight(info.windowHeight);
            } else {
                console.warn('Failed to get windowHeight, using fallback method.');
                this.fallbackGetWindowHeight();
            }
        } catch (error) {
            console.error('Error getting window info:', error);
            this.fallbackGetWindowHeight();
        }
    },

    handleWindowHeight(height) {
        // 在这里处理正常的 windowHeight
        console.log('Window Height:', height);
        // 例如，更新页面布局等
    },

    fallbackGetWindowHeight() {
        // 鸿蒙系统兼容处理，尝试其他方式获取高度
        // 注意：以下方法可能不适用于所有情况，需要根据具体需求调整
        const systemInfo = uni.getSystemInfoSync();
        const screenHeight = systemInfo.screenHeight;
        const statusBarHeight = systemInfo.statusBarHeight;
        const estimatedWindowHeight = screenHeight - statusBarHeight;
        
        console.warn('Using estimated window height due to compatibility issue:', estimatedWindowHeight);
        // 使用估算值更新布局等
        this.handleWindowHeight(estimatedWindowHeight);
    }
}

说明

  1. 尝试获取 windowInfo：使用 uni.getWindowInfo() 尝试获取窗口信息。
  2. 处理异常：如果调用失败或 windowHeight 缺失，则进入异常处理流程。
  3. 回退机制：提供一个回退机制，通过系统信息 (uni.getSystemInfoSync()) 估算窗口高度。这种方法可能不够精确，但在某些情况下可以作为临时解决方案。
  4. 日志记录：在整个过程中记录日志，有助于调试和定位问题。

注意事项

  • 由于鸿蒙系统的特殊性，直接依赖 uni.getWindowInfo() 可能不是最可靠的方法。
  • 考虑在官方社区或论坛中搜索或报告此问题，以获取来自 DCloud 官方或其他开发者的更多帮助。
  • 根据实际项目需求调整回退机制，确保用户体验不受太大影响。
回到顶部