Vendor.js 为 IE 11 的 ng-idle 库抛出语法错误答案

【问题标题】：Vendor.js throwing syntax error for ng-idle library for IE 11Vendor.js 为 IE 11 的 ng-idle 库抛出语法错误
【发布时间】：2021-01-14 19:41:36
【问题描述】：

在 IE 11 中运行 Angular 9 应用程序时出现 vendor.js 文件中的语法错误。我已启用所有 polyfill 并将 tsconfig.json 中的目标更改为“es5”。

任何帮助将不胜感激！

package.json

    "@angular/core": "~9.0.5",
    "@angular/platform-browser": "~9.0.5",
    "@ng-idle/core": "^10.0.0-beta.1",
    "@ng-idle/keepalive": "^10.0.0-beta.1",
    "classlist.js": "1.1.20150312",
    "core-js": "^3.8.2",    
    "zone.js": "^0.10.3"
    "typescript": "~3.7.5"

tsconfig.json

{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "module": "es2015",
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5",
        "typeRoots": ["node_modules/@types"],
        "lib": ["es2015", "es5", "es6", "dom"]
    }
}

【问题讨论】：

标签： internet-explorer-11 angular9 ng-idle

【解决方案1】：

我遇到了完全相同的问题，并使用 tsconfig.json、polyfills.ts、package.json 尝试了多种替代方案和选项，但对我没有任何帮助。

最后一个使我的应用程序在 IE 浏览器中工作的解决方案是使用这些依赖项的一个较低版本 -
"@ng-idle/core": "^9.0.0-beta.1", "@ng-idle/keepalive": "^9.0.0-beta.1"

【讨论】：

【解决方案2】：

您是否更改了tsconfig.json 文件中lib 的参数？我尝试在我这边创建一个 Angular 9 应用程序，我发现 lib 包含以下参数。

"lib": [
      "es2018",
      "dom"
    ]

如果您进行了一些修改，那么我建议您将这些更改恢复为原始值。

要在 IE 11 浏览器中运行新创建的 Angular 9 应用程序，您只需在 tsconfig.json 中设置 "target": "es5"。除此之外，无需更改。

此外，如果您的项目需要，您可以添加 polyfill。

如果您在应用程序中添加了一些代码或功能，之后您无法在 IE 11 中运行该应用程序，请提供相关信息。它可以帮助我们更好地理解问题。

【讨论】：

我确实尝试过使用 lib: ["es2018", "dom"] 但仍然遇到同样的问题。问题是由于 ng-idle 包引起的。当我卸载包时，应用程序在 IE11 中运行良好。
你的意思是如果你只添加ng-idle 包然后项目开始报错？或者如果有任何代码可以帮助产生问题，那么请尝试与我们分享。