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

报错问题 Uncaught SyntaxError: ‘super’ keyword unexpected here本来是做小程序的,做了一半产品突然要做app,不得已转h5模式,打包后嵌套了一层安卓壳子,但是发现在安卓9的第二个版本后才能打开,不然会报错,才发现是es的转换问题.解决方式1.添加 babelyarn add @babel/preset-env --dev2.添加版本限制// ba

陈小洋

1170人浏览 · 2021-06-17 14:48:08

陈小洋 · 2021-06-17 14:48:08 发布

报错问题 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: {}
              }]
            }
          }
        }
      })
    },