uni-app下 菜单组件和 侧边栏一起使用菜单组件报错;且侧边栏组件单独调用也有问题

[Lonni]

如题,
代码如下:

     菜单
	<view>
			<nut-menu>
				<nut-menu-item v-model="value1" :options="options1" />
				<nut-menu-item v-model="value2" @change="handleChange" :options="options2" />
			</nut-menu>
		</view>


侧边栏
<view >
			<nut-cell @click="handleClick1">
				<span><label>右侧</label></span>
			</nut-cell>
			<nut-popup position="left" v-model:visible="show1" :style="{ width, height }" >
				<nut-sidenavbar>
					<nut-subsidenavbar title="智能城市AI" ikey="6">
						<nut-subsidenavbar title="人体识别1" ikey="9">
							<nut-sidenavbaritem ikey="10" title="人体检测1"></nut-sidenavbaritem>
							<nut-sidenavbaritem ikey="11" title="细粒度人像分割1"></nut-sidenavbaritem>
						</nut-subsidenavbar>
						<nut-subsidenavbar title="人体识别2" ikey="12">
							<nut-sidenavbaritem ikey="13" title="人体检测2"></nut-sidenavbaritem>
							<nut-sidenavbaritem ikey="14" title="细粒度人像分割2"></nut-sidenavbaritem>
						</nut-subsidenavbar>
					</nut-subsidenavbar>
				</nut-sidenavbar>
			</nut-popup>
		</view>





/**
			 * 侧边栏点击事件
			 */
			handleClick1() {
				console.log("handleClick1");
				this.show1 = true;
			},




/**
			 * 菜单点击事件
			 */
			handleChange(value) {
				console.log(value);
			},

菜单组件问题
当两个组件一起使用的时候 ,点击菜单组件下拉框菜单不显示且报错

Uncaught TypeError: Cannot read properties of null (reading 'bottom')
    at SelectorQuery.<anonymous> (index.vue:70:38)
    at uni-h5.es.js:4840:21
    at Array.forEach (<anonymous>)
    at uni-h5.es.js:4832:13
    at requestComponentInfo (uni-h5.es.js:2542:3)
    at SelectorQuery.exec (uni-h5.es.js:4827:5)
    at index.vue:75:16

侧边栏组价问题
侧边栏组件点击后按钮事件 handleClick1触发,但是侧边栏没有显示;

当我把侧边栏组件注释掉后,F5刷新页面,菜单组件正常