Cordova应用在Android 4.4.4出现语法错误，求兼容解决方案

你的问题核心很明确：Android 4.4.4系统内置的WebView不支持你代码中使用的ES6语法特性。Android 4.4的WebView基于Chrome 33版本，而ES6的class类语法、箭头函数()=>{}都是在Chrome 45及以上版本才全面支持的，旧设备的WebView无法解析这些语法，所以会抛出你看到的语法错误。

这个问题完全可以修复，不需要放弃适配Android 4.4.4设备，下面是具体的解决办法：

1. 使用Babel转译ES6代码到ES5 #

这是最通用、可持续的解决方案，通过Babel把你写的ES6+代码转译成Android 4.4能识别的ES5代码：

• 在你的Cordova项目中安装Babel相关依赖：

  npm install @babel/core @babel/preset-env --save-dev
  

• 在项目根目录创建babel.config.json配置文件，指定目标兼容环境：

  {
    "presets": [
      ["@babel/preset-env", {
        "targets": {
          "android": "4.4"
        }
      }]
    ]
  }
  

• 搭配构建工具（比如Webpack、Parcel）或者Cordova钩子脚本，在打包时自动完成代码转译。如果你的项目没有用构建工具，也可以用Babel CLI直接转译：

  npx babel src --out-dir www/js
  

2. 手动替换ES6特性（临时应急） #

如果你的代码量不大，可以手动修改引发错误的部分：

• 把所有class定义改成ES5的构造函数写法，比如：

  // 原ES6代码
  class Widget {
    constructor() {}
  }
  
  // 转成ES5
  function Widget() {}
  

• 把箭头函数替换成普通函数，比如你提到的代码行：

  // 原代码
  AndroidFullScreen.immersiveMode(()=>{},()=>{});
  
  // 修改后
  AndroidFullScreen.immersiveMode(function(){}, function(){});
  

3. 替换系统WebView为Crosswalk（可选） #

你可以安装Cordova的Crosswalk WebView插件，它会把系统内置的旧WebView替换成一个独立的、更现代的WebView版本，原生支持更多ES6特性：

• 安装插件（注意Crosswalk已停止维护，需指定兼容旧设备的版本）：

  cordova plugin add cordova-plugin-crosswalk-webview@2.4.0
  

  这个方案的缺点是会增加APK体积，但能一次性解决大部分旧WebView的兼容性问题。

额外注意 #

除了class和箭头函数，还要检查代码中是否使用了其他ES6特性，比如let/const、模板字符串、解构赋值等，这些在Android 4.4的WebView中支持也有限，最好通过Babel统一转译。

内容的提问来源于stack exchange，提问作者jean-loup Monnier