angular8 使用toPromise后，异常总是：Uncaught (in promise)

作者：七棵菜日期：2022-11-30 栏目：计算机分类：1 人气：462

我们一般会自定义异常处理类来处理 angular8 抛出的`HttpErrorResponse`异常或者自定义异常，处理异常很多情况下会根据异常的类型来做不同的处理。如下：

```
handleError(error: any): void {
    if (error instanceof UnauthorizedApiError) {
      // 自定义异常：授权异常，退出登录
    } else if (error instanceof IllegalDataApiError) {
      // 自定义异常：接口数据异常
    } else if (error instanceof InvalidApiError) {
      // 自定义异常：接口异常
    } else if (error instanceof IllegalBusinessError) {
      // 自定义异常：业务异常
    } else if (error instanceof HttpErrorResponse) {
      if (error.error instanceof ErrorEvent) {
        // 客户端网络异常
      } else {
        // 接口异常
      }
    } else {
      // 程序异常
    }
  }
```

这在使用`Observable`时没有问题，使用`HttpClient`就是最好的例子。
但是当我们使用`toPromise`将`Observable`转换成`Promise`的时候，这种方法就无效了，这时捕获到的异常类型都变成了`Error`，并且异常信息都是以`Uncaught (in promise)`开头，例如：

```
Uncaught (in promise): Error: Unauthorized（Unauthorized）
```

并且在toPromise()之前抛出自定义异常也无效，如下写法并不会避免此情况

```
return this.service.search(this.condition)
      .pipe(
        catchError(this.handleError), // toPromise之后，异常的类型发生改变，无法使用全局异常捕获
        map(res =&gt; {
          ...
        }),
      ).toPromise();
```

因此使用了`Promise`之后，异常判断只能根据`message`来做字符串解析。

&gt; 所以在异常发生时为了更加友好的提示，建议还是不要使用`promise`。

标签： Promise异常 angular异常处理 Uncaught in promise 异常类型

上一篇：Found the synthetic property @showTooltip. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application. 下一篇：nginx 1.16.1 配置 https 报错：the "ssl" directive is deprecated, use the "listen ... ssl"

angular8 使用toPromise后，异常总是：Uncaught (in promise)

随便看看

留言