IE11发出的角度CLI项目在Angular2(TS)中，多填充不工作

Question

我正在使用带有polyfills.ts的anugular-cli 1.0.0-beta.16，看起来像这样：

// This file includes polyfills needed by Angular 2 and is loaded before
// the app. You can add your own extra polyfills to this file.
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/es6/reflect';
import 'core-js/es7/reflect';
import 'zone.js/dist/zone';

但是，此pollyfills文件在IE11上不起作用，它可以在Chrome，Firefox，Edge和我的Main.ts上使用。

import "./polyfills.ts";
import {platformBrowserDynamic} from "@angular/platform-browser-dynamic";
import {enableProdMode} from "@angular/core";
import {environment} from "./environments/environment";
import {AppModule} from "./app/";
if (environment.production) {
  enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule);

在IE11上运行此功能显示出在脂肪箭头表达错误上显示错误

SCRIPT1002: Syntax error

对于此位置的minifiedjs：

function arrayUnion(arr1, arr2) {
    return arr1
        .concat(arr2.filter(v => arr1.indexOf(v) === -1));
}

这就是我的tsconfig.json看起来像

    {
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "mapRoot": "./",
    "module": "es6",
    "moduleResolution": "node",
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "typeRoots": [
      "../node_modules/@types"
    ]
  }
}

@cleton这就是我的tsconfig的样子

Answer 1

您可能是针对es6，它将箭头函数编译为箭头功能：

let fn = () => console.log("hey");

编译到：

let fn = () => console.log("hey");

但是，如果您针对es5，则将其编译为：

var fn = function () { return console.log("hey"); };

看来IE11（或任何其他版本的Explorer）尚未支持箭头功能。
如果要支持它，则必须针对es5或以下，因为箭头功能没有pollyfil。