Angular 5应用Edge正常运行但IE11报错，求配置排查

我来帮你一步步排查Angular 5在IE11里的兼容问题——这种TypeError: Object doesn't support property or method报错，十有八九是polyfill漏配、TS编译配置不对，或者CLI的浏览器目标没设好导致的，咱们逐个环节检查：

1. 先把Polyfills.ts的必选配置拉满 #

IE11对ES6+语法的支持几乎为零，必须靠polyfill补全基础能力，你需要确保以下配置全部启用（取消注释）：

• Core-JS基础语法polyfill：这是最核心的部分，缺一个都可能报错：

  import 'core-js/es6/symbol';
  import 'core-js/es6/object';
  import 'core-js/es6/function';
  import 'core-js/es6/parse-int';
  import 'core-js/es6/parse-float';
  import 'core-js/es6/number';
  import 'core-js/es6/math';
  import 'core-js/es6/string';
  import 'core-js/es6/date';
  import 'core-js/es6/array';
  import 'core-js/es6/regexp';
  import 'core-js/es6/map';
  import 'core-js/es6/weak-map';
  import 'core-js/es6/set';
  

• ClassList支持：IE11不支持DOM元素的classList方法，必须安装并引入：

  import 'classlist.js';  // 记得先执行 npm install --save classlist.js
  

• Zone.js的IE补丁：Angular依赖的Zone.js在IE里有兼容性问题，必须启用这个补丁：

  import 'zone.js/dist/zone-patch-ie';  // Angular CLI自带，直接取消注释就行
  

另外你提到注释了web-animations polyfill，这个没问题——如果你的应用没用到Angular动画，或者动画在IE里不需要，完全可以关掉它。

2. 检查TsConfig.json的编译配置 #

TypeScript的编译目标和库设置直接决定了输出代码是否兼容IE11：

• 确保target设置为es5：IE11只能识别ES5代码，这是硬要求：

  "target": "es5",
  

• lib数组要包含ES2015和DOM相关的库，确保TS编译时能识别并转译ES6+语法：

  "lib": [
    "es2015",
    "dom"
  ],
  

• 开启downlevelIteration：如果你的代码里用到了for...of循环、数组迭代器（比如Array.from），IE11不支持这些，必须开这个配置让TS转译：

  "downlevelIteration": true,
  

3. 确认Angular CLI的浏览器目标配置 #

Angular CLI需要明确知道要兼容哪些浏览器，才会正确打包polyfill：

• 如果是旧版Angular CLI（用angular-cli.json），在defaults.build里添加IE11：

  "defaults": {
    "build": {
      "browsers": [
        "last 2 versions",
        "IE 11"
      ]
    }
  }
  

• 如果是新版CLI（用angular.json），确保根目录的.browserslistrc文件包含IE11：

  IE 11
  last 2 Edge versions
  

  同时检查angular.json里的projects.your-project.architect.build.configurations.production，确保browserslist指向正确的配置文件（默认会自动读取.browserslistrc）。

4. 额外排查：第三方库的兼容性 #

很多时候报错不是Angular本身的问题，而是你引入的第三方npm包只编译到ES6，没做兼容：

• 先看报错的具体方法是什么（比如Object.assign、Promise.all），如果是某个ES6 API，先确认polyfill里有没有包含；
• 如果是第三方库的方法，检查该库的文档是否支持IE11，或者找兼容版本；
• 可以尝试用ng build --prod打包后，在IE11里调试，看报错的代码来自哪个文件，定位到具体的库。

最后别忘了清除IE11的缓存——IE的缓存机制经常会残留旧的bundle，导致配置改了也不生效，按F12打开开发者工具，在Network选项卡勾选“始终从服务器刷新”，再重新加载页面。

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