使用uni-app的vue3版本做rem适配失败

如果你在使用uni-app的vue3版本做rem适配时失败了，你可以尝试以下几个步骤：

1. 在`index.html`文件的`head`标签中添加以下代码：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<script>
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
</script>

2. 在`vue.config.js`文件中的`configureWebpack`中添加以下代码：

module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.(sa|sc|c)ss$/,
          use: [
            'style-loader',
            'css-loader',
            {
              loader: 'postcss-loader',
              options: {
                postcssOptions: {
                  plugins: [
                    [
                      'postcss-pxtorem',
                      {
                        rootValue: 100,
                        propList: ['*']
                      }
                    ]
                  ]
                }
              }
            },
            'sass-loader'
          ]
        }
      ]
    }
  }
}

3. 在安装`postcss-pxtorem`依赖包时，确保使用的版本是`5.1.1`，即执行以下命令：

npm install postcss-pxtorem@5.1.1 -D

希望以上步骤可以解决你的问题。