问如何让Angular 8兼容IE11？

EN

让IE 11与Angular 8一起工作的一种方法是禁用differential work 。

执行以下操作：

使用带有import 'core-js'; // core-js@^3.1.4的"target": "es5"

• Update

• 更新tsconfig.json polyfills.ts

如果你想在IE11等ES5浏览器以及Chrome和火狐等现代ES2015+浏览器上运行你的应用程序，可以在你的angular.json中添加额外的构建配置来支持你的应用程序的ES5捆绑包。

1. 将新的"es5“配置添加到angular.json的architect部分：

{
  "projects": {
    "my-app": {
      "architect": {
        "build": {
          "configurations": {
            "es5" : {
              "tsConfig": "tsconfig.app.es5.json"
            }
          }
        },
        "serve": {
          "configurations": {
            "es5": {
              "browserTarget": "my-app:build:es5"
}}}}}}}

与angular.json一起创建

1. tsconfig.app.es5.json

{
    "extends": "./tsconfig.app.json",
    "compilerOptions": {
        "target": "es5"
    }
}

1. 更新browserslist以启用IE 11支持。确保browserslist位于应用程序的根目录中，与angular.json文件并列。例如：

not IE 9-10 # For IE 9-11 support, remove 'not'.
IE 11

1. 将新的启动脚本添加到package.json，以使用您在步骤1:

中创建的ES5配置

"scripts": {
  "build": "ng build",
  "buildES5": "ng build --configuration=es5",
  "start": "ng serve",
  "startES5": "ng serve --configuration=es5",
}

现在，您可以为仅支持ES5的传统浏览器或支持ES2015+的现代浏览器构建和提供应用程序：

• npm run build针对现代browsers
• npm run buildES5构建您的应用程序，针对传统browsers
• npm run start构建您的应用程序，并针对现代browsers
• npm run startES5构建您的应用程序，为您的应用程序提供针对传统浏览器的

我已经通过执行以下操作解决了IE 11的polyfill.ts问题：

从npm install --save web-animations-js

• Uncomment‘es2015’到'es5' inside tsconfig.json运行npm install --save web-animations-js

• Uncomment line import 'web-animations-js' inside tsconfig.json的值。

IE 11需要'es5‘。