taro3,H5打包,安卓8手机无法打开问题记录

报错问题 Uncaught SyntaxError: ‘super’ keyword unexpected here

本来是做小程序的,做了一半产品突然要做app,不得已转h5模式,打包后嵌套了一层安卓壳子,但是发现在安卓9的第二个版本后才能打开,不然会报错,才发现是es的转换问题.

解决方式

1.添加 babel

yarn add @babel/preset-env --dev

2.添加版本限制

// babel-preset-taro 更多选项和默认值：
// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
module.exports = {
  presets: [
    [
      'taro', {
        framework: 'react',
        ts: false,
        targets: {
          ios: '9',
          android: '5'
        }
      },

    ]
  ]
}

3.添加es转换

    webpackChain (chain, webpack) {
      chain.merge({
        module: {
          rule: {
            myloader: {
              test: /\.js$/, 
              use: [{
                loader: 'babel-loader',
                options: {}
              }]
            }
          }
        }
      })
    },