【报Bug】新版HBuilder工具，在topWindow中使用match-media就会报错。

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型：正式

HBuilderX版本号： 4.44

浏览器平台： Chrome

浏览器版本： 131.0.6778.205

项目创建方式： HBuilderX

示例代码：

top.vue：

<template>  
    <view class="page-responsive-top">  
        <view>  
            <!--宽屏菜单-->  
            <match-media :min-width="1025">  
                <view>  
                    宽屏菜单  
                </view>  
            </match-media>  
            <!--窄屏菜单-->  
            <match-media :min-width="0" :max-width="1024">  
                <view>窄屏菜单</view>  
            </match-media>  
        </view>  
    </view>  
</template>

操作步骤：

报 uni-match-media 53行有问题

预期结果：

报 uni-match-media 53行有问题

实际结果：

报 uni-match-media 53行有问题

bug描述：

HBuilder 4.29版本及以前都没有问题，升级到最新4.36或4.44最新就会有这个问题。

有没有遇到同样问题的朋友？

2025-01-01 21:30 负责人:无分享

3 个回复

DCloud_UNI_yuhe

可以提供一下可以复现的项目吗？

m***@sina.com (作者)

main.js:22 TypeError: Cannot read properties of undefined (reading '$page')

at new ServiceMediaQueryObserver (uni-h5.es.js:4701:30)

at uni-h5.es.js:4737:10

at Module.createMediaQueryObserver (uni-h5.es.js:3075:15)

at Proxy.mounted (uni-match-media.vue:53:30)

上传了一个测试项目，只要在h5框架top、left、right这个中，用到uni-match-media，就会提示报错，并且，这个uni-match-media组件也不生效了。

2025-01-06 11:58
m***@sina.com (作者)

11:55:12.559 [Vue warn]: Unhandled error during execution of app errorHandler

11:55:12.573 ‍[⁠TypeError⁠]‍ {message: "Cannot read properties of undefined (reading '$page')"}

控制台报这个

2025-01-06 11:59
m***@sina.com (作者)

上传了测试项目，能否帮忙看一下问题。

2025-01-12 22:17