H5端样式热更新异常 uni-app条件编译样式覆盖问题

H5端样式热更新异常 uni-app条件编译样式覆盖问题

产品分类

uniapp/H5

开发环境 版本号 项目创建方式
Windows 23H2(0S内郚版本22631.4169) 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端样式热更新异常 uni-app条件编译样式覆盖问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

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

更多关于H5端样式热更新异常 uni-app条件编译样式覆盖问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这是一个关于uni-app条件编译样式覆盖的问题。在H5端运行时，条件编译的样式可能会出现热更新异常。

问题分析：

  1. 在示例代码中，使用了条件编译<!-- #ifdef APP -->来限定只在APP端生效的样式
  2. 但在H5端运行时，可能会出现条件编译的样式也被应用的情况

解决方案：

  1. 确保HBuilderX是最新版本
  2. 检查编译配置是否正确
  3. 可以尝试在H5端明确添加条件编译：
<!-- #ifdef H5 -->
<style>
page {
background-color: red;
}
</style>
<!-- #endif -->
回到顶部