在 IE/Net webbrowser 中使用 Angular 项目答案

【问题标题】：Using angular project in IE/Net webbrowser在 IE/Net webbrowser 中使用 Angular 项目
【发布时间】：2020-07-14 21:51:43
【问题描述】：

我在一个项目中使用 Angular 9，它适用于除 IE 之外的所有浏览器，随后适用于 .Net Webbrowser（这是我需要它工作的地方）。

当我尝试在 IE / .net webbrowser 中打开它时，它给了我一个 SCRIPT1010: identifier was expected (vendor.js) 并且卡在加载中。

我尝试了以下方法：

遵循[角度部署指南][1]
“添加”core-js、classlist、web-animations 的注释导入（安装所有依赖项）
编辑浏览器列表，去掉IE前面的不符
在 tsconfig 中将目标更改为 es5
使用“ng serve --configuration=es5”
在标题中添加了<meta http-equiv="X-UA-Compatible" content="IE=edge" />。
在 angular.json 中添加了"es5BrowserSupport": true [1]：https://angular.io/guide/deployment#local-development-in-older-browsers

当前依赖列表：

"dependencies": {
    "@angular/animations": "^9.1.9",
    "@angular/cdk": "9.2.4",
    "@angular/common": "^9.1.4",
    "@angular/compiler": "9.1.9",
    "@angular/core": "^9.1.4",
    "@angular/forms": "^9.1.4",
    "@angular/material": "^9.2.4",
    "@angular/material-moment-adapter": "^9.2.4",
    "@angular/platform-browser": "^9.1.4",
    "@angular/platform-browser-dynamic": "^9.1.9",
    "@angular/router": "^9.1.4",
    "bootstrap": "^4.5.0",
    "classlist.js": "^1.1.20150312",
    "jquery": "1.9.1 - 3",
    "moment": "^2.18.1",
    "ng2-pdf-viewer": "^6.3.0",
    "popper.js": "^1.16.0",
    "rxjs": "^6.5.5",
    "tslib": "^1.11.1",
    "web-animations-js": "^2.3.2",
    "zone.js": "^0.10.3"
  }

【问题讨论】：

你用的是哪个IE版本？
IE 版本 11.9
您是否使用其他 Angular 包，例如 @angular/localize ？ github.com/angular/angular/issues/37915 可能相关
我没有使用那个特定的软件包，但可能是某个软件包造成了问题，是否有某种软件包列表会产生此类问题？
如果可能的话，您可以向我们展示您在项目中使用的软件包列表。找到那个有问题的包可能会有所帮助。

标签： asp.net angular internet-explorer

【解决方案1】：

如果您尝试运行使用 Angular CLI 创建的 Angular 9 项目，那么您只需在 tsconfig.json 文件中设置 "target": "es5"。

如果您正在使用 Angular Asp.Net 项目，则需要执行类似的过程。

您可以看到，当我尝试运行默认的 Angular Asp.Net 项目时，它在加载时卡住了。

在 tsconfig.json 文件中添加 "target": "es5" 后，它开始适用于 IE 11 浏览器。

此外，您需要添加必要的 polyfills 并将必要的 es 6 代码转译到 es 5 以使其在 IE 浏览器中工作。

我建议尝试创建一个新项目并尝试用它来测试这个建议。一旦它与IE浏览器一起工作。您可以对原始项目实施这些更改，这可能会帮助您简化流程。

【讨论】：