清茶涩
清茶涩
  • 发布:2022-02-14 18:18
  • 更新:2022-02-16 18:04
  • 阅读:795

【报Bug】最新vue3,cli创建工程,h5中rpx单位未转换导致浏览器无法识别样式

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

浏览器平台: Chrome

浏览器版本: 98.0.4758.82(正式版本)

项目创建方式: CLI

CLI版本号: 4.5.15

示例代码:

.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}

操作步骤:
  1. npx degit dcloudio/uni-preset-vue#vite my-vue3-project
  2. cd my-vue3-project
  3. npm i
  4. npm run dev:h5

预期结果:

rpx单位正常转换

实际结果:

rpx单位没转换,浏览器不认识

bug描述:

页面样式无效,所有rpx单位没转换;src拖到Hbuildx中点运行可以

2022-02-14 18:18 负责人:无 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

检查本地依赖的版本是不是比较旧

  • 清茶涩 (作者)

    node更新到16就行了,之前的14

    2022-02-17 10:54

该问题目前已经被锁定, 无法添加新回复