如何解决Cordova App中未调用padStart却触发的TypeError错误？

这个报错确实有点让人困惑——你自己的代码里明明没调用padStart()，但移动端却抛出了这个错误，核心原因是你的Cordova应用使用的移动端WebView不支持ES2017新增的String.prototype.padStart方法，而现代浏览器环境已经原生支持了这个方法。

为什么会触发这个错误？大概率是你用到的依赖库（比如jQuery、或者代码里出现的col s12对应的Materialize CSS框架）在内部逻辑中调用了padStart，浏览器能正常处理，但旧版移动端WebView（比如Android 7.0以下的系统WebView、部分iOS旧版本的WKWebView）没有实现这个方法，所以就抛出了类型错误。

下面是具体的解决步骤：

1. 先排查潜在的间接调用点 #

• 检查你项目中使用的jQuery和Materialize版本：较旧的库版本可能在处理DOM渲染、字符串格式化时悄悄用到了padStart；
• 顺便排查一下你的getCurrentDate()函数，虽然你没直接写padStart，但如果函数里有日期补零之类的格式化逻辑，可能间接依赖了这个方法的支持。

2. 添加padStart的Polyfill（最直接的解决方案） #

给不支持该方法的环境手动补上兼容实现，在你的App入口脚本（比如index.js，或者初始化代码的最顶部）添加以下代码：

// Polyfill for String.prototype.padStart
if (!String.prototype.padStart) {
  String.prototype.padStart = function padStart(targetLength, padString) {
    targetLength = targetLength >> 0; // 处理为有效数字
    padString = String(typeof padString !== 'undefined' ? padString : ' ');
    if (this.length >= targetLength) {
      return String(this);
    } else {
      targetLength = targetLength - this.length;
      if (targetLength > padString.length) {
        padString += padString.repeat(targetLength / padString.length);
      }
      return padString.slice(0, targetLength) + String(this);
    }
  };
}

这段代码会先检测当前环境是否支持padStart，如果不支持就注入一个兼容的实现，这样依赖库调用这个方法时就不会报错了。

3. 升级Cordova WebView（可选优化） #

如果你的App目标是较新的移动系统，可以尝试升级WebView相关插件来获得更好的ES6+支持：

• Android端：升级cordova-plugin-androidx-webview插件，使用最新的系统WebView；
• iOS端：确保cordova-ios版本是最新的，它会默认使用更现代的WKWebView替代旧的UIWebView。

完成以上操作后，重新构建你的Cordova App，在移动端测试应该就能解决这个报错了。

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