Angular 错误 TS2554 :Expected 0 arguments, 但在管道运算符上得到 x

Question

我有一个 Error TS2554: Expected 0 arguments, but got 4在 observable 的管道中 getHappyDays()getHappyDays() Observable 返回 Observable<HttpResponse<IHappyDays>> | Observable<HttpErrorResponse> ，我已经包含了一个 stackblitze 来更好地展示问题

 resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):
    Observable<IHappyDays> | Observable<never> {

    return this.happyService.getHappyDays()
      .pipe(//=>error thrown here
        first(),
        mergeMap((res) => {
          return of(res.body)
        })
      )
  }

https://stackblitz.com/edit/angular-3iujhb//在happy-resolver.service

Answer 1

首先，pipe() 后面缺少一个分号.主要问题是 getHappyDays() 中的联合返回类型.当您将其更改为 Observable<HttpResponse<IHappyDays> | HttpErrorResponse> 时它会起作用(见:https://github.com/ReactiveX/rxjs/issues/3388)。

关于界面设计的注意事项:我不会返回 HttpErrorResponse作为一个值，因为这显然是一个错误。 Angular HttpClient文档提供了一些如何处理错误的指南:https://angular.io/guide/http