没有在IE11工作的角8项目甚至认为我已经完成了每一步

Question

你可能经常听说过这个问题。但我似乎找不到解决办法。每次我服务器应用程序并在IE上启动它时，我都会在vendor.js中得到一个语法错误，指向一个箭头函数。

我经历了以下步骤：

• 将my tsconfig中的tsconfig更改为es5
• 在browserlist中，我将not IE 9-11改为IE 9-11
• 在polyfill.js中，取消了所有核心js导入，添加了classlist.js导入，甚至安装了包。

在经历了这么多步骤之后，我还是遇到了同样的问题。似乎只有polyfill.js文件被转移到一个polyful-es5.js文件中，我不知道为什么。

我有一个具有以下设置的角度应用程序：

@angular-devkit/architect           0.801.3
@angular-devkit/build-angular       0.801.3
@angular-devkit/build-optimizer     0.801.3
@angular-devkit/build-webpack       0.801.3
@angular-devkit/core                8.1.3
@angular-devkit/schematics          8.1.0
@angular/animations                 8.1.0
@angular/cdk                        8.2.3
@angular/cli                        8.1.0
@angular/common                     8.1.0
@angular/compiler                   8.1.0
@angular/compiler-cli               8.1.0
@angular/forms                      8.1.0
@angular/platform-browser           8.1.0
@angular/platform-browser-dynamic   8.1.0
@angular/platform-server            8.1.0
@angular/router                     8.1.0
@ngtools/webpack                    8.1.3
@schematics/angular                 8.1.0
@schematics/update                  0.801.0
ng-packagr                          5.7.1
rxjs                                6.5.3
typescript                          3.4.5
webpack                             4.35.2

对此有什么想法吗？

诚挚的问候,

努鲁

编辑:这就是我的polyfills.ts的样子：

import 'core-js/';
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/es7/array';
import 'core-js/fn/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
import 'core-js/es6/reflect';

import 'classlist.js';
import 'intl';
import 'web-animations-js';


import 'zone.js/dist/zone';

此外，我还尝试安装和导入typedarray和blobjs

以及我的依赖性：

"dependencies": {
    "@angular/animations": "8.1.0",
    "@angular/cdk": "^8.0.2",
    "@angular/common": "8.1.0",
    "@angular/core": "^8.1.0",
    "@angular/forms": "8.1.0",
    "@angular/platform-browser": "8.1.0",
    "@angular/platform-browser-dynamic": "8.1.0",
    "@angular/platform-server": "8.1.0",
    "@angular/router": "8.1.0",
    "@ng-bootstrap/ng-bootstrap": "^4.0.1",
    "@ng-select/ng-select": "^2.11.2",
    "@ngrx/core": "^1.2.0",
    "@ngrx/store": "^8.0.1",
    "@ngx-translate/core": "^10.0.2",
    "@ngx-translate/http-loader": "^3.0.1",
    "angular2-tinymce": "^2.1.2",
    "balloon-css": "^0.5.0",
    "bcryptjs": "^2.4.3",
    "chart.js": "^2.7.1",
    "core-js": "^2.5.1",
    "favico.js": "^0.3.10",
    "lazysizes": "^5.1.1",
    "linkify-it": "^2.1.0",
    "mapbox.js": "^3.1.1",
    "md5": "^2.2.1",
    "moment": "^2.24.0",
    "mousetrap": "^1.6.2",
    "ng-pick-datetime": "^7.0.0",
    "ng-pick-datetime-moment": "^1.0.8",
    "ng2-dragula": "^2.1.1",
    "ngx-bowser": "^0.1.0",
    "ngx-device-detector": "^1.3.5",
    "ngx-image-cropper": "^1.4.1",
    "ngx-infinite-scroll": "^6.0.1",
    "ngx-moment": "^3.3.0",
    "ngx-pipes": "^2.5.1",
    "papaparse": "^4.6.3",
    "push.js": "^1.0.4",
    "resumablejs": "^1.0.2",
    "rxjs": "^6.5.2",
    "socket.io-client": "^2.1.1",
    "text-encoding": "^0.6.4",
    "twemoji": "^11.0.0",
    "zone.js": "~0.9.1"
  },

Answer 1

在src文件夹下有一个名为polyfills.ts的文件。您看过这个文件并安装了IE支持所需的依赖项并取消了行的注释吗？

https://angular.io/guide/browser-support

Answer 2

请参考这条线在角8应用程序中配置ES5。然后，使用以下命令使用以下配置运行serve：

    ng serve --configuration es5

关于箭头函数问题，请尝试使用巴贝尔将相关代码转换为ES5。