解决taro打包后部分安卓机显示空白的问题

最新推荐文章于 2023-12-20 15:18:35 发布

四时晴天

最新推荐文章于 2023-12-20 15:18:35 发布

阅读量1k

点赞数

文章标签： taro webpack javascript

本文链接：https://blog.csdn.net/dss0225/article/details/126469928

版权

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" ? "/" : "./",
   }