uni-app cli模式项目打包H5模式时样式失真

uni-app cli模式项目打包H5模式时样式失真

操作步骤:

  • 项目打包APP资源包,然后改变编译条件,打包成H5

预期结果:

  • APP、H5都是使用uni-app语法写的样式,应该结果相同

实际结果:

  • APP样式显示正常,H5样式全部大部分失真

bug描述:

  • 使用uni-app的开发模式开发app端和H5端的应用,但是使用cli模式试运行打包的时候样式完全失真
    • 图一、图二显示的打包app端样式正常
    • 图三、图四显示的打包H5端样式失真

图片

Image 1 Image 2 Image 3 Image 4 Image 5

项目信息

项目信息 详细信息
产品分类 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

回到顶部