Angular2 IE11无法获取未定义或空引用的属性“应用”

将angular2软件包升级到以下版本后，出现以下错误：

• @ angular / common“：” ^ 2.3.1
• @ angular / compiler“：” ^ 2.3.1
• @ angular / core“：” ^ 2.3.1
• @ angular / forms“：” ^ 2.3.1
• @ angular / http“：” ^ 2.3.1
• @ angular / platform-b​​rowser“：” ^ 2.3.1“
• @ angular / platform-b​​rowser-dynamic“：” ^ 2.3.1
• @ angular / platform-server“：” ^ 2.3.1
• @ angular / router“：” ^ 3.3.1

错误：Unable to get property 'apply' of undefined or null reference

我在IE11中仅收到此错误，在Chrome中工作正常。

我做了一些挖掘，导致错误的行在angular / common模块中：

function combine(options) {
  return (_a = ((Object))).assign.apply(_a, [{}].concat(options));
  var _a;
}

打字稿文件：

@ angular / common / src / pipes / intl.ts第175行

function combine(options: Intl.DateTimeFormatOptions[]): Intl.DateTimeFormatOptions {
  return (<any>Object).assign({}, ...options);
}

调用该combine函数的代码是 @ angular / common / src / pipes / intl.ts第48行：

'yMMMdjms': datePartGetterFactory(combine([

更新

似乎实际的错误是该.assign方法未在IE11中实现

如果您正在使用@angular/cli并打算支持IE9-11，则可以编辑src/polyfills.ts文件以启用适当的polyfill。所需的polyfill已存在于文件中，因此您只需取消注释即可。

默认情况下，@angular/cli项目以开箱即用的“常绿”浏览器为目标，这意味着不立即支持IE，但是您可以通过导入所需的功能的polyfill添加支持。

Angular依赖core-js。因此，您可以从中使用Object.assign polyfills：

import "core-js/client/shim"; // or load it before other angular2 & zone.js stuff
import "zone.js";
import "reflect-metadata";

Angular Materials教程没有提到这个问题真是令人讨厌。任何使用IE11并遵循其教程的人都将遇到此问题。

正如其他人所提到的，解决方案是简单地取消注释项目polyfills.ts文件中的那些行。

但实际上，应该在他们的教程中提到它。

我花了太多时间在Google搜索上寻找解决这些Angular问题的方法...

根据MDNObject.assign()浏览器兼容性，不支持IE。

您可以使用npmObject.assign通过MDN导入polyfill。（mdn-polyfills）

跑： npm i mdn-polyfills --save

采用： import 'mdn-polyfills/Object.assign';

在IE浏览器中工作

步骤1：执行：npm i mdn-polyfills --save

步骤2：开启 polyfills.ts

步骤3：取消注释/ ** IE9，IE10和IE11下文件中的导入，需要以下所有polyfill。** /

在您的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/set';

如果有人在使用IE的dotnet core 2.0 Angular模板中遇到此错误，这就是我解决的方法。

1. 安装core-js

   npm install core-js-保存

2. 将此行添加到ClientApp / boot.browser.ts的顶部

   导入'core-js / client / shim';

如果您使用的是angular 4.x，并且遇到此错误，则https://github.com/angular/angular-cli/issues/6036中描述的解决方案对我来说很有效。

似乎“ zone.js”的0.8.8版存在一个错误。但是，降级到0.8.4版解决了该问题。请参阅链接查看更多细节。

Angular 4 IE11修复无法获取属性“应用”

步骤1：打开app / boot-browser-ts

步骤2：添加以下行

import 'core-js/client/shim'; 

似乎angular-cli（v1.0.0-rc.0）具有名为polyfills.ts的文件，您必须在其中取消注释浏览器所需的所有polyfills，它对IE-11零安装对我很有用。

Stas Berkov是正确的，他的回答使我得出了一个略有不同的解决方案：

在我加载所有Angular脚本的标头中，包含shim.js。（我捆绑/缩小部署）。重要说明：务必先将shim.js加载到zone.js之前，否则会出现其他错误。

<script src="/<my domain>/node_modules/core-js/client/shim.js"></script>
<script src="/<my domain>/node_modules/zone.js/dist/zone.js"></script>
<script src="/<my domain>/node_modules/reflect-metadata/Reflect.js"></script>
<script src="/<my domain>/node_modules/systemjs/dist/system.src.js"></script>

<script src="/<my domain>/systemjs.config.js"></script>