Cordova Android应用类声明触发‘reserved word’错误原因咨询

这个问题我之前帮同事排查过类似的，核心原因基本都是Android系统WebView对ES6语法的兼容性不足——毕竟浏览器的Chrome内核更新快，但Android系统自带的WebView版本往往跟着系统走，尤其是旧版本Android的差距特别明显。具体来说有这几个可能的诱因：

• 旧版Android WebView不支持ES6 Class
  Android 4.4及以下的系统WebView基于Chrome 30左右的版本，这个版本完全不支持ES6的class关键字；哪怕是Android 5.0-6.0的WebView，对ES6特性的支持也不全。而你在电脑浏览器里测试用的是现代Chrome/Firefox，自然能正常解析class语法。

• 没有对ES6代码进行转译
  浏览器现在普遍支持ES6，但Cordova打包时默认不会自动帮你把ES6转成ES5代码。如果你的目标用户包含旧Android设备，必须通过转译工具（比如Babel）把class这类ES6语法转换成ES5的构造函数写法，比如：
  原代码：

  class ABC {
    constructor() {
      // ...
    }
    someMethod() {
      // ...
    }
  }
  

  转译后会变成：

  function ABC() {
    // 构造函数逻辑
  }
  ABC.prototype.someMethod = function() {
    // 方法逻辑
  };
  

  这样旧WebView就能正常识别了。

• Cordova配置未启用ES6支持
  少数情况下，Cordova的打包配置可能默认关闭了ES6语法支持，或者没有引入必要的插件来处理现代JS语法。比如有些Cordova模板默认不包含Babel或Webpack的配置，导致代码直接以ES6形式打包到APK里。

解决建议 #

1. 添加ES6转译流程：在项目里集成Babel + Webpack/Rollup，配置好转译规则，确保所有JS代码都被转成ES5后再打包。
2. 替换系统WebView：如果不想转译，可以安装cordova-plugin-crosswalk-webview插件，它会把APK里的WebView替换成独立的Crosswalk内核（基于较新的Chrome），能原生支持ES6语法。不过注意Crosswalk已经停止维护，但对于兼容旧Android版本还是很有用的。
3. 检查目标Android版本：如果你的APP只针对Android 7.0及以上用户，系统WebView已经支持ES6 Class，可以不用转译，但要在Cordova的config.xml里设置android-minSdkVersion为24及以上。

内容的提问来源于stack exchange，提问作者toasty