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

分类：uni-app

bug已确认

产品分类： 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 负责人:无分享

1 个回复

DCloud_UNI_JBB

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

要回复问题请先登录或注册

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

示例代码：

`<template> <view></view> </template> <script> export default { data() { return {}; }, onLoad() {}, methods: {} }; </script>  <style> page { background-color: black; } </style>  <style> page { background-color: red; } </style>`

预期结果：

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

实际结果：

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

bug描述：

1 个回复

公告

相关问题

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

示例代码： <template> <view></view> </template> <script> export default { data() { return {}; }, onLoad() {}, methods: {} }; </script>  <style> page { background-color: black; } </style>  <style> page { background-color: red; } </style>

预期结果： 修改普通样式后，热更新应正确应用新的普通样式（绿色背景），不应受条件编译样式影响

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

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

`<template> <view></view> </template> <script> export default { data() { return {}; }, onLoad() {}, methods: {} }; </script>  <style> page { background-color: black; } </style>  <style> page { background-color: red; } </style>`

预期结果：

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

实际结果：

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