taro3,vue3,H5打包,部分安卓机显示空白

解决方式

1.添加 babel

yarn add @babel/preset-env --dev

2.添加版本限制

//babel.config.js
// babel-preset-taro 更多选项和默认值:
module.exports = {
  presets: [
    [
      "taro",
      {
        framework: "vue3",
        ts: false,
        targets: {
          ios: "9",
          android: "5"
        }
      }
    ]
  ]
};

3.添加es转换

//  config/index.js
h5: {
    webpackChain(chain, webpack) {
      chain.merge({
        module: {
          rule: {
            myloader: {
              test: /\.js$/,
              use: [
                {
                  loader: "babel-loader",
                  options: {}
                }
              ]
            }
          }
        }
      });
    },
    publicPath: process.env.NODE_ENV === "development" ? "/" : "./",
   }

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐