Angular 5 – ‘对象’上不存在’json’

前端之家收集整理的这篇文章主要介绍了Angular 5 – ‘对象’上不存在’json’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在按照一个简单的指南,轻轻地修改它以满足我的需求 – 但我终于遇到了关于映射和订阅的障碍

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

由于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())

由于属性“json”在“对象”类型上不存在,因此无法在任何一个函数中工作.

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

.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,)
  }

我认为这与地图的工作原理或预期结果有些混淆.任何输入将不胜感激.

更新

Angular 4 – res.json() is not a function

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

解决方法

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

猜你在找的Angularjs相关文章