Ionic 3：Promise在部分Android设备上无法正常工作

我之前做Ionic项目时也碰到过类似的兼容坑，Android 5.x的定制WebView（尤其是联想这类厂商的机型）对ES6 Promise的支持经常有各种奇怪的问题，结合你描述的弹窗顺序，咱们一步步来排查解决：

1. 核心原因：Android 5.1 WebView的Promise兼容性缺陷 #

Android 5.1自带的系统WebView基于Chromium 42，虽然官方标注部分支持Promise，但很多定制系统会阉割或修改这部分实现，导致Promise的回调（then/catch）或者异步事件绑定失效——就像你遇到的情况：Promise实例创建了，但script.onload里的resolve逻辑根本没触发。

2. 最稳妥的解决方案：引入Promise Polyfill #

Polyfill可以把标准的Promise实现覆盖到有问题的原生环境上，是解决这类兼容问题的首选：

• 如果你的项目是基于Angular的Ionic项目，直接在src/polyfills.ts文件中添加一行：

  import 'core-js/es6/promise';
  

• 如果是旧版Ionic项目，可通过npm安装core-js后本地导入，避免依赖外链资源。

添加后重新打包APK，测试联想K5 Note设备，应该能正常触发alert('script loaded')这类Promise回调逻辑。

3. 优化loadScript函数的写法适配旧WebView #

除了polyfill，也可以调整你的Promise和事件绑定写法，适配旧WebView的特性：
假设你的loadScript代码类似以下结构，建议做两处修改：

loadScript(url: string): Promise<void> {
  alert('0');
  return new Promise((resolve, reject) => {
    alert('1');
    alert('inside promise');
    const script = document.createElement('script');
    script.src = url;
    
    // 替换onload为addEventListener，旧WebView对属性绑定支持不佳
    script.addEventListener('load', () => {
      alert('script loaded');
      resolve();
    });
    script.addEventListener('error', (error) => {
      alert('script error');
      reject(error);
    });
    
    // 优先插入到head标签，部分设备body的DOM就绪时机有问题
    document.head.appendChild(script);
  });
  alert('return promise');
}

• 用addEventListener代替onload/onerror属性绑定：旧WebView对事件属性的处理可能存在延迟或失效；
• 把script插入到document.head而非body：部分定制系统的body渲染时机不稳定，插入到head更可靠。

4. 额外排查点 #

• 检查脚本URL有效性：确保脚本路径正确，没有跨域问题（Android 5.1 WebView对跨域限制更严格，远程脚本需确认服务器配置了正确的CORS头）；
• 更新设备WebView：如果用户可操作设备，建议更新系统WebView到最新版本（Google Play中的Android System WebView应用），官方后续版本修复了大量ES6特性的bug。

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