Angular4 HttpClient类型错误：Observable<Observable<Object>>无法赋值给Observable<boolean>

嘿，我来帮你搞定这个类型错误问题！你现在遇到的Type 'Observable<Observable<Object>>' is not assignable to type 'Observable<boolean>'错误，根源在于map操作符的用法有误——map的作用是把上游Observable发出的每个值转换成另一个普通值，而不是返回一个新的Observable。你之前在map里用Observable.of(res)包装结果，导致返回了嵌套的Observable，和方法声明的Observable<boolean>类型完全不匹配。

下面是具体的调整方案：

步骤1：确保导入必要的RxJS操作符 #

首先要确认你已经导入了需要的RxJS工具，Angular4对应的是RxJS 5.x版本，所以需要导入这些：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/of';

步骤2：修正saveCredit方法 #

修改方法内的逻辑，去掉不必要的Observable.of包装，用正确的错误处理方式：

saveCredit(data): Observable<boolean> {
  // 给post方法指定泛型<boolean>，明确服务器返回的是布尔值
  return this._http.post<boolean>(this.authurl + 'auth/save-credit', data)
    // 用map转换结果（如果服务器返回的已经是严格布尔值，这一步可以省略）
    .map((res) => {
      // 用!!确保结果是严格布尔类型，避免服务器返回其他真值（比如字符串"true"）
      return !!res;
    })
    // 用catch捕获请求错误，返回发出false的Observable
    .catch((err) => {
      console.error('保存信用信息出错:', err); // 可选：打印错误日志方便调试
      return Observable.of(false);
    });
}

关键调整说明 #

• 去掉Observable.of包装：map操作符只需要返回普通值，这样转换后的Observable类型就是Observable<boolean>，和方法声明的返回类型一致。
• 用catch处理错误：map的第二个参数是错误回调，但它只能返回普通值；而catch操作符可以捕获错误并返回一个新的Observable，完美适配你“出错时返回false”的需求。
• 指定post泛型：给post<boolean>指定泛型，让TypeScript明确知道服务器返回的是布尔值，类型推断更准确。

简化版本（如果服务器返回严格布尔值） #

如果服务器确实返回的是true或false，你可以直接省略map，让代码更简洁：

saveCredit(data): Observable<boolean> {
  return this._http.post<boolean>(this.authurl + 'auth/save-credit', data)
    .catch((err) => {
      console.error('保存信用信息出错:', err);
      return Observable.of(false);
    });
}

调整完成后，你就可以正常调用this._acceeService.saveCredit(data).subscribe((res)=>{ ...do my stuff here })了，res会是正确的布尔类型——成功时是服务器返回的结果，失败时是false。

内容的提问来源于stack exchange，提问作者Geoff