Angular 4应用在IE11加载时崩溃，求故障原因分析

嘿，针对你的Angular 4.3.6在IE11刚启动就崩溃的问题，结合IE11的特性和Angular 4的兼容要求，我整理了几个最可能的原因和对应的解决思路：

1. 缺少IE11必需的Polyfill（最常见诱因） #

Angular 4默认不会打包所有IE11需要的ES6+特性兼容补丁，像Promise、Array.prototype.includes这类语法IE11原生完全不支持。你得检查src/polyfills.ts文件，确保引入了这些关键polyfill：
打开src/polyfills.ts，取消注释或者添加以下代码：

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';
// 如果用到了异步请求、Promise相关逻辑，务必加上这个
import 'core-js/es6/promise';

另外，如果你的应用用了HttpClient或者依赖Zone.js的异步特性，别忘了补上IE专属的Zone补丁：

import 'zone.js/dist/zone'; // 这个一般默认已经存在
import 'zone.js/dist/zone-patch-ie';

2. TypeScript编译目标配置错误 #

如果你的TypeScript配置把编译目标设为了es6或更高版本，IE11根本识别不了这些语法。赶紧改tsconfig.json里的target字段为es5：

{
  "compilerOptions": {
    "target": "es5",
    // 其他配置保持不变...
  }
}

3. 第三方依赖不兼容IE11 #

有些npm第三方包可能用了IE11不支持的ES6+语法，而且没转译为ES5就发布了。你可以这么排查：

• 翻一遍package.json里的依赖项，看它们的文档有没有声明支持IE11
• 如果找到不兼容的包，要么降级到兼容的版本，要么在.angular-cli.json（Angular 4用的是这个配置文件）里配置脚本转译，或者用Webpack的loader来处理这些依赖的转译

4. IE11文档模式被强制降级 #

有时候IE11会默认开启兼容模式（比如切换到IE8/9的文档模式），这会直接导致Angular跑不起来。你要在index.html的<head>里加个meta标签，强制IE用最新的文档模式：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

5. 浏览器缓存搞鬼 #

IE11的缓存机制有时候会顽固地加载旧的、未转译的代码，导致崩溃。试试这两步：

• 清空IE11的缓存（快捷键Ctrl+Shift+Delete，然后勾选相关选项删除）
• 构建生产环境包的时候加上哈希值，确保浏览器加载最新文件（Angular CLI的ng build --prod默认会自动加哈希）

另外，你可以再打开IE11的开发者工具（按F12），切换到「控制台」标签，看看具体的报错信息（比如是不是提示某个函数未定义、某行语法错误），这能帮你更快定位到具体问题。

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