3***@qq.com
3***@qq.com
  • 发布:2025-03-05 10:57
  • 更新:2025-03-05 10:57
  • 阅读:107

【报Bug】APP不支持pxtocss插件?

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.45

手机系统: Android

手机系统版本号: Android 12

手机厂商: 小米

手机机型: Redmi Note 11

页面类型: vue

vue版本: vue3

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
    "plugins":{  
        "autoprefixer":{ // css兼容前缀  
            overrideBrowserslist:[  
                "Android 4.1",  
                "iOS 7.1",  
                "not id <=11",  
            ]  
        },  
        "postcss-pxtorem":{  
            rootValue:75, // 值为设计稿的宽,设计稿多宽,这里就写多少  
            uniPrecision:6,  
            replace:true, // rem替换px  
            mediaQuery:true, // 兼容媒体查询  
            minPixeValue:1,  
            eclude:/node_modules/i, // 忽略node_modules  
        }  
    }  
}

操作步骤:

1.npm i postcss-pxtorem@5.1.1 -D
2.npm i lib-flexible@0.3.2 -S
3.main.js引入import 'lib-flexible/flexible';

预期结果:

项目正常运行,px转rem

实际结果:

app会报错运行错误或者页面空白,小程序和h5是正常的

bug描述:

npm i postcss-pxtorem@5.1.1 ,然后配置了postcss.config.js。运行会报错(见附件) 100%复现

2025-03-05 10:57 负责人:无 分享
已邀请:

要回复问题请先登录注册