Angular 5 - '对象'上不存在'json'

Question

我正在按照一个简单的指南,轻轻地修改它以满足我的需求 - 但我终于遇到了关于mapping和的问题subscribing

https://www.sitepoint.com/mean-stack-angular-2-angular-cli/ - 这是指南,一切正常,直到我构建应用程序后构建应用程序List Service.

由于Angular 5,我已经做了一些修改,例如用HttpClient替换,但没有任何异常.

我现在的问题在于这两个功能:

  public getAllTasks():Observable<Task[]> {
    let URI = `${this.serverApi}/tasks/`;
    return this.http.get(URI)
      .map(res => res.json())
      .map(res => <Task[]>res.tasks);
  }



  public deleteTask(taskId : string){
    let URI = `${this.serverApi}/tasks/${taskId}`;
    let headers = new HttpHeaders;
    headers.append('Content-Type', 'application/json');
    return this.http.delete(URI,  {headers})
      .map(res => res.json());

  }

甚至我的IDE告诉我

  .map(res => res.json())

由于这两种功能都不起作用 Property 'json' does not exist on type 'Object'.

我已经检查了一下,发现了一些较旧的帖子建议,比如将其修改为

  .map((res: Response) => res.json())

但这给了我一个非常相似的错误

A function whose declared type is neither 'void' nor 'any' must return a value.

我的模型是:

export interface Task {
  _id?: string;
  title: string;
  description: string;
  category: string;
}

最初这是一个类,但我按照推荐将其修改为接口,但不确定它是否相关.

不确定它是否相对,但它的组成部分是:

 ngOnInit() {
    this.loadTasks();
  }

  public loadTasks() {

    this.taskServ.getAllTasks().subscribe(
      response => this.tasks = response,
    )
  }

我认为这与我的map工作方式或期望有些混淆.任何输入将不胜感激.

更新

Angular 4 - res.json()不是函数

正如在这篇文章中提到的,似乎HttpClient本身在json中返回res,所以实际删除那些行删除了错误.一旦我证明了它,我会发布完整的解决方案.

Answer 1

使用HttpClient,您不需要 map(res => res.json())