Angular2:res.json不是一个函数

Question

我试图在代码中使用以下服务：

import {Injectable} from '@angular/core';
import {Http,Response} from "@angular/http";
import 'rxjs/Rx';

@Injectable()
export class HttpService{
    constructor(private http : Http){}

    getData(){
      return  this.http.get("URI")
      .map( (res: Response) => res.json()  );
    }
}

问题是，在运行时，它会抱怨：

res.json is not a function

我已经定义res的数据类型为响应，但仍然抱怨

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

如果我用订阅替换地图，它工作正常：

.subscribe( res =>{
                res.json();
                console.log("City is:"+ res.json().city.name)
            });

Answer 1

您不需要使用此：。地图（res:Response）=

您不再需要自己再次调用此函数。简单地说：. map（res=

Answer 2

尝试导入'rxjs/add/operator/map' 而不是导入'rxjs/Rx' 。这应该可以解决问题。

Answer 3

值得一提的是，在Angular 5中，我发现res.json不是函数错误可以通过返回res来修复，如果响应是纯json。