使用Angular 5运行应用时遇Uncaught TypeError: NativePromise.resolve is not a function错误求助

嘿，这个错误在Angular 5项目里挺常见的，多半是浏览器不支持ES6原生Promise，或者项目里缺了必要的polyfill导致的。给你几个靠谱的解决办法：

1. 补上ES6 Promise的Polyfill #

Angular 5依赖不少ES6特性，像IE11这类旧浏览器根本没有原生Promise支持，得手动加polyfill：

• 找到项目src目录下的polyfills.ts文件
• 取消注释或者直接添加这行代码：

  import 'core-js/es6/promise';
  

• 如果想一步到位支持更多ES6特性，也可以直接引入整个ES6的polyfill：

  import 'core-js/es6';
  

2. 检查浏览器是否在支持范围内 #

Angular 5官方支持的浏览器是Chrome、Firefox、Edge、Safari 10及以上，IE11需要额外补polyfill才能正常跑。要是你用的是更老的浏览器，要么升级浏览器，要么确保所有必要的polyfill都加载了。

3. 排查第三方依赖的冲突 #

有时候某些第三方库会不小心覆盖或者修改原生Promise对象，导致NativePromise.resolve没法正常调用。你可以试试：

• 先暂时移除最近新加的第三方库，看看错误会不会消失
• 在main.ts最开头加几行代码，先确认Promise是否正常：

  console.log('Promise是否存在:', typeof Promise !== 'undefined');
  console.log('Promise.resolve是否可用:', typeof Promise.resolve === 'function');
  

4. 确认Angular CLI的配置 #

如果你用Angular CLI构建项目，记得检查tsconfig.json里的编译目标设置：

{
  "compilerOptions": {
    "target": "es5" // Angular 5推荐设为es5，配合polyfill就能兼容旧浏览器
  }
}

按上面的步骤一步步排查，应该就能解决这个问题啦。

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