如何为IE11构建生产Angular8 App

时间:2020-03-11 13:48:19

标签: angular internet-explorer-11 production

当我尝试为IE11运行构建应用程序时遇到了问题。当我使用-configuration = es5 运行服务时,它可以工作。但我使用-configuration = es5 构建-我不使用正式版。 如何为IE11构建产品版本?

我的浏览器列表具有“ IE 9-11#对于IE 9-11支持,请删除'not'。

我的 tsconfig.json 具有“目标”:“ es5”

我的 tsconfig-es5.app.json

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

我的 angular.json

"architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            ...
          },
          "configurations": {
            "es5": {
              "tsConfig": "tsconfig-es5.app.json"
            },
            "production": {
              "fileReplacements": [{
                "replace": "src/environments/environment.ts",
                "with": "src/environments/environment.prod.ts"
              }],
              "optimization": true,
              "outputHashing": "none",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "budgets": [{
                  "type": "initial",
                  "maximumWarning": "2mb",
                  "maximumError": "5mb"
                },
                {
                  "type": "anyComponentStyle",
                  "maximumWarning": "6kb",
                  "maximumError": "10kb"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "charity:build"
          },
          "configurations": {
            "es5": {
              "browserTarget": "charity:build:es5"
            },
            "production": {
              "browserTarget": "charity:build:production"
            }
          }
        },
        ...
    }

我尝试为 tsconfig.app.json 添加“ compilerOptions”:{“ target”:“ es5”} ,但是我收到IE11的错误消息(谷歌浏览器作品):

错误Sys.ParameterCountException:Sys.ParameterCountException: 参数计数不匹配。

Angular 8 build does not work with IE though serve works fine

1 个答案:

答案 0 :(得分:0)

该问题可能归因于Angular的“构建优化器”。我指的是this thread,并尝试禁用构建优化器,然后它可以在Angular 8.0.3的IE 11中正常运行。

您可以运行ng build --prod --build-optimizer=false或将 angular.json 中的buildOptimizer的值更改为false。然后将 dist 文件夹中的生产捆绑包部署到Web服务器。