IE11 - 未处理的承诺拒绝：语法错误

【问题标题】：IE11 - Unhandled Promise rejection: Syntax errorIE11 - 未处理的承诺拒绝：语法错误
【发布时间】：2017-03-06 16:29:09
【问题描述】：

我正在开发一个 Angular 2 应用程序，并且第一次添加了一些 async/await 功能。在本地一切正常，但一旦部署在我的测试服务器上，我在IE11 中收到此错误（请参阅问题底部以获取完整的浏览器堆栈跟踪）：

未处理的 Promise 拒绝：语法错误

在加载 Angular2 应用程序时发生错误，而不是在方法执行时。错误指向这个方法（它也恰好是这个组件中唯一的方法）。

my-component.ts

async logoff(event: { preventDefault: () => void }) {
    event.preventDefault();
    await this.authService.logoff();
    window.location.href = '/Account/Login';
}

这是我第一次介绍async/await，所以我知道这是失败的关键。

测试步骤

  • 我使用 Visual Studio 将发布版本发布到我的本地 IIS。规格是：
    • Windows 10 (x64)
    • IIS

  • 然后我在已发布的目录中运行安装生产环境所需的 npm 包

    npm i --production

  • 我打开 IE11 浏览器并从 IIS 运行应用程序，一切正常，没有错误。

  • 然后，我制作了已发布目录的完整副本并将其复制到我的测试服务器。测试服务器 spces 是：
    • Windows 2012 R2 标准版
    • IIS
  • 然后我在我之前使用的开发机器上使用相同的 IE11 浏览器实例浏览到该站点并收到上述错误。

那么为什么我从测试服务器运行它会失败，而我从本地机器运行它却不会失败？ 是否有需要安装的 Node 或 NPM 模块/包全球范围内，垫片可以从 IE11 正常工作，还是有其他问题？我在这里不知所措。

配置

如果有什么我可以补充的，请告诉我，我会更新问题。

tsconfig.js

根据recommended configuration

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [ "es2015", "dom" ],
    "removeComments": false,
    "noImplicitAny": false,
    "suppressImplicitAnyIndexErrors": true
  },
  "compileOnSave": true
}

package.json

  "dependencies": {
    "@angular/common": "2.4.8",
    "@angular/compiler": "2.4.8",
    "@angular/core": "2.4.8",
    "@angular/forms": "2.4.8",
    "@angular/http": "2.4.8",
    "@angular/platform-browser": "2.4.8",
    "@angular/platform-browser-dynamic": "2.4.8",
    "@angular/router": "3.4.8",
    "core-js": "~2.4.1",
    "jquery": "~3.1.1",
    "lodash": "^4.17.4",
    "reflect-metadata": "^0.1.9",
    "rxjs": "5.2.0",
    "systemjs": "0.20.9",
    "zone.js": "^0.7.7"
  }

Index.html（仅限脚本）

<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/shim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.0.1/Rx.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.7.7/zone.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reflect-metadata/0.1.8/Reflect.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js"></script>
<script>
    System.import('system-config.js')
        .then(function() {
            System.import('main');
        })
        .catch(console.error.bind(console));
</script>

完整的客户端堆栈跟踪

Unhandled Promise rejection: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main ; Zone: <root> ; Task: Promise.then ; Value: Error: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/a
   "Unhandled Promise rejection:"
   "Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main"
   "; Zone:"
   "<root>"
   "; Task:"
   "Promise.then"
   "; Value:"
   {
      [functions]: ,
      __proto__: { },
      __zone_symbol__error: { },
      __zone_symbol__message: "Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main",
      __zone_symbol__number: undefined,
      description: "Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main",
      message: "Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main",
      name: "Error",
      number: undefined,
      originalErr: { },
      originalStack: undefined,
      stack: "SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (",
      Symbol()_n.tcfyoms51l2: undefined,
      Symbol()_o.tcfyoms51l2: undefined,
      Symbol()_p.tcfyoms51l2: undefined,
      Symbol()_q.tcfyoms51l2: undefined,
      Symbol()_r.tcfyoms51l2: undefined,
      Symbol()_s.tcfyoms51l2: undefined,
      Symbol()_t.tcfyoms51l2: undefined,
      Symbol()_u.tcfyoms51l2: undefined,
      Symbol(rxSubscriber)_m.tcfyoms51l2: undefined,
      zoneAwareStack: undefined
   }
   "SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x ("

Error: Uncaught (in promise): Error: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main
SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/sys
   {
      [functions]: ,
      __proto__: { },
      __zone_symbol__error: { },
      __zone_symbol__number: undefined,
      description: "Uncaught (in promise): Error: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main
SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0",
      message: "Uncaught (in promise): Error: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main
SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0",
      name: "Error",
      number: undefined,
      originalStack: undefined,
      promise: { },
      rejection: { },
      stack: "Error: Uncaught (in promise): Error: Syntax error
  Evaluating http://mytest.server.domain/Scripts/my-component.js
  Evaluating http://mytest.server.domain/Scripts/app.module.js
  Evaluating http://mytest.server.domain/Scripts/main.js
  Loading main
SyntaxError: Syntax error
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:25003)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:5:224)
   at j (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7593)
   at S (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:7059)
   at x (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6096)
   at Anonymous function (https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.20.9/system.js:4:6268)
   at Anonymous function (eval code:20:1)
   at Anonymous function (eval code:1:31)
   at eval code (eval code:1:2)
   at Pe (https://cdnjs.cloudflare.com/ajax/libs/sys",
      Symbol()_n.tcfyoms51l2: undefined,
      Symbol()_o.tcfyoms51l2: undefined,
      Symbol()_p.tcfyoms51l2: undefined,
      Symbol()_q.tcfyoms51l2: undefined,
      Symbol()_r.tcfyoms51l2: undefined,
      Symbol()_s.tcfyoms51l2: undefined,
      Symbol()_t.tcfyoms51l2: undefined,
      Symbol()_u.tcfyoms51l2: undefined,
      Symbol(rxSubscriber)_m.tcfyoms51l2: undefined,
      task: { },
      zone: { },
      zoneAwareStack: undefined
   }

【问题讨论】：

  • 如果您用try/catch 包围await this.authService.logoff(); 并记录潜在错误怎么办？您在测试服务器上看到错误了吗？
  • @BrunoGrieder - 感谢您的想法。我刚试了一下，可惜结果是一样的。
  • 我发现 js 引擎在面临“未处理的拒绝”时变得很挑剔，我不得不重新编写相当多的代码来捕捉这些。在 NodeJS 上，捕获它们的一个好方法是有一个处理程序来记录以下行：process.on('unhandledRejection', (r: Error) =&gt; console.log('BUG: Unhandled Rejection', r));
  • 你怎么称呼logoff(event)？你是 .catch() 还是 await 使用 try/catch ？
  • @BrunoGrieder - 我添加了说明，在加载应用程序而不是在调用方法时发生错误（它没有那么远）。

标签： angular typescript internet-explorer-11 es6-promise


【解决方案1】：

检查发挥作用的各种缓存：IE 和您的 CDN；您可能正在加载旧的缓存副本

【讨论】：

    猜你喜欢
    • 1970-01-01
    • 2019-10-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-09
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode