首页 > 解决方案 > IE 为 Angular 网站提供 ChunLoadError

问题描述

我正在尝试在 angular9 中创建一个网站,它在 chrome 中加载,但在任何版本的 IE 中都没有加载。在 IE 中出现以下错误。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

提前致谢。

标签: internet-explorer-11angular9

解决方案


您是否按照在 IE 11 中支持 Angular 9的步骤进行操作?

  1. 使用以下内容在tsconfig-es5.app.json旁边创建一个新的 tsconfig :tsconfig.app.json

     {
      "extends": "./tsconfig.app.json",
      "compilerOptions": {
          "target": "es5" 
       }
     }
    
  2. 在and目标angular.json下添加两个新的配置部分以提供新的 tsconfig:buildserve

    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
          ...
      },
      "configurations": {
        "production": {
            ...
        },
        "es5": {
          "tsConfig": "./tsconfig-es5.app.json"
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
          ...
      },
      "configurations": {
        "production": {
         ...
        },
        "es5": {
          "browserTarget": "yourAppName:build:es5"
        }
      }
    },
    
  3. 使用以下命令使用此配置运行服务:

    ng serve --configuration es5
    

如果问题仍然存在,请提供可以重现问题的最小代码示例


推荐阅读