uni-app cli模式项目打包H5模式时样式失真
uni-app cli模式项目打包H5模式时样式失真
操作步骤:
- 项目打包APP资源包,然后改变编译条件,打包成H5
预期结果:
- APP、H5都是使用uni-app语法写的样式,应该结果相同
实际结果:
- APP样式显示正常,H5样式全部大部分失真
bug描述:
- 使用uni-app的开发模式开发app端和H5端的应用,但是使用cli模式试运行打包的时候样式完全失真
- 图一、图二显示的打包app端样式正常
- 图三、图四显示的打包H5端样式失真
图片

项目信息
| 项目信息 | 详细信息 |
|---|---|
| 产品分类 | uniapp/H5 |
| PC开发环境 | Windows |
| PC开发环境版本 | Windows 10 专业版 20H2 |
| 浏览器平台 | Chrome |
| 浏览器版本 | 87.0.4280.66(正式版本) (64 位) |
| 项目创建方式 | CLI |
| CLI版本号 | 4.5.10 |
更多关于uni-app cli模式项目打包H5模式时样式失真的实战教程也可以访问 https://www.itying.com/category-93-b0.html

