在地图内部使用地图进行服务调用时，Rxjs管道调用两次

Question

当第一次在map内使用map时，我有一个下面的方法可以进行服务调用，该过程进入catchError然后自动进入响应。

fetchProduct(): Observable<Model[]> {
    return this.http.get<DataModel[]>(Product_URL).pipe(
      map(res => {       
        return res.map((item: DataModel) => {
          return this.Mapper(item.code, item.name);
         });
      }),
       catchError(error => this.handleError(error)
    );
  }

当我使用不带地图的地图时，会调用一次。

fetchProduct(): Observable<Model[]> {
    return this.http.get<DataModel[]>(Product_URL).pipe(
      map(res => {       
       console.log(res);
      }),
       catchError(error => this.handleError(error)
    );
  }

第一个实现为何会调用两次