Object.assign()在带有Angular2的IE11中

Question

我知道这个问题已经讨论了10亿次，但我在这里找到的解决办法似乎都没有对我的情况有所帮助。

这就是我的polyfills.browser.ts现在的样子：

import 'ie-shim';
import 'core-js/es7/reflect';

import 'reflect-metadata';
import 'zone.js/dist/zone';

如前所述，我尝试了不同的方法来解决这个问题。

我尝试添加默认情况下未注释的所有导入：

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';

我试着用

import "core-js/client/shim";

而且还

import 'mdn-polyfills/Object.assign';

和

import 'core-js';

所有这些都添加到polyfills.browser.ts的顶部。

似乎没有任何帮助，我一直在获得对象不支持属性或方法‘赋值’IE11中的。

Answer 1

Object.assign是ES2015，由多个填充覆盖：

import 'core-js/es6/object';

或者适用于范围更广的ES2015填充：

import 'core-js/es6';

之所以最好在角应用程序中列出ES2015填充，而不是导入core-js/es6，原因是core-js/es6/promise填充已经被Zone.js覆盖，并且可能会引起问题。

如果这不起作用

对象不支持属性或方法“分配”

发生错误，这意味着polyfills包没有在浏览器中加载，或者在加载polyfills包之前计算了发生polyfills的一段代码。

Answer 2

即使我在IE11上使用polyfill，我也遇到了同样的问题，但并不是每次都这样。问题是有时主脚本是在填充之前加载的，所以我在webpack配置中做了以下更改：

       new CommonsChunkPlugin({
-        name: 'polyfills',
-        chunks: ['polyfills']
+        name: ['polyfills', 'main'].reverse(),
       })

所以现在只有：

new CommonsChunkPlugin({
  name: ['polyfills', 'main'].reverse(),
})

它似乎运转正常。