局外人123
局外人123
  • 发布:2025-06-03 09:15
  • 更新:2025-06-03 15:00
  • 阅读:68

【报Bug】H5端样式热更新异常 - 条件编译样式覆盖问题

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 23H2(0S内郚版本22631.4169)

HBuilderX类型: 正式

HBuilderX版本号: 4.66

浏览器平台: Chrome

浏览器版本: 136.0.7103.114

项目创建方式: HBuilderX

示例代码:

···
<template>
<view></view>
</template>

<script>
export default {
data() {
return {};
},
onLoad() {},
methods: {}
};
</script>
<!-- #ifdef APP -->
<style>
page {
background-color: black;
}
</style>

<!-- #endif -->
<style>
page {
background-color: red;
}
</style>
···

操作步骤:

使用上述代码在H5端运行,初始显示红色背景(普通样式生效)

将普通样式中的红色背景改为绿色背景并保存

观察页面,发现显示的是黑色背景(APP条件编译样式错误应用)

必须重启前端服务才能正常显示绿色背景

预期结果:

修改普通样式后,热更新应正确应用新的普通样式(绿色背景),不应受条件编译样式影响

实际结果:

热更新后错误地应用了APP条件编译的黑色背景样式,而非修改后的普通绿色背景样式

bug描述:

修改样式后条件编译样式错误覆盖

2025-06-03 09:15 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

感谢反馈,问题已复现,已加分。

要回复问题请先登录注册