uni-app 编译到微信开发工具时 uview 组件高度变为0 app端正常

uni-app 编译到微信开发工具时 uview 组件高度变为0 app端正常

操作步骤：

  • 打开hbuilder后运行到微信开发工具运行正常（此时为第一次编译），这个时候如果点击hbuilder中的重新编译，页面中的uview组件的高度会变为0，在app端运行正常

预期结果：

  • 打开hbuilder后运行到微信开发工具运行正常（此时为第一次编译），这个时候如果点击hbuilder中的重新编译，页面中的uview组件的高度会变为0，在app端运行正常

实际结果：

  • 打开hbuilder后运行到微信开发工具运行正常（此时为第一次编译），这个时候如果点击hbuilder中的重新编译，页面中的uview组件的高度会变为0，在app端运行正常

bug描述：

  • 用uniapp开发微信小程序以及app开发，打开hbuilder后运行到微信开发工具运行正常（此时为第一次编译），这个时候如果点击hbuilder中的重新编译，页面中的uview组件的高度会变为0，在app端运行正常

更多关于uni-app 编译到微信开发工具时 uview 组件高度变为0 app端正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 编译到微信开发工具时 uview 组件高度变为0 app端正常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个典型的编译缓存问题。在HBuilderX中，重新编译时微信小程序平台可能未能正确更新uView组件的样式计算。

解决方案：

  1. 清理缓存重新编译

    • 关闭微信开发者工具
    • 在HBuilderX中选择「运行」-「运行到小程序模拟器」-「微信开发者工具」，勾选「运行时是否压缩代码」和「运行时是否代码混淆」
    • 重新编译运行

  2. 检查uView版本兼容性

    • 确保使用的uView版本与uni-app版本兼容
    • 可尝试升级到最新稳定版的uView

  3. 组件样式强制指定

    .u-view {
  min-height: 1px !important;
}

  4. 检查scoped样式影响

    • 如果使用了scoped样式，尝试移除scoped或使用深度选择器

  5. 平台条件编译

    /* #ifdef MP-WEIXIN */
.u-view {
  height: auto !important;
}
/* #endif */
回到顶部