Javascript TypeError:this.http.get（…）.map不是函数

在我的Angular 4应用程序中，我试图从API获取一些数据。我正在使用一篇文章解释如何做到这一点，但我遇到了一个例外：

TypeError:this.http.get…map不是函数

这是我的代码：

import { Injectable } from '@angular/core';
import { Http, Response, Headers } from '@angular/http';
import { Observable } from 'rxjs/Rx';
import { Person } from '../../../interfaces/Person';
import {configuration} from "../config";

@Injectable()
export class AdsService{
  private baseUrl: string = configuration.serverUrl;

  constructor(private http : Http){
  }

  getAll(): Observable<Person[]>{
    let people$ = this.http
      .get(`${this.baseUrl}/people`, {headers: this.getHeaders()})
      .map(mapPeople);

    return people$;
  }
}

function mapPeople(response:Response): Person[]{
  return response.json().results;
}

---

我们将非常感谢您的帮助

我看不到导入的map方法

将此添加到您的导入中

---

导入rxjs/add/operator/map

您必须在此文件中导入map，为此您只需添加以下行：

import 'rxjs/add/operator/map';

或

此外，如果您使用的是Angular 5或更高版本，则上述导入已排序为：

import { map } from 'rxjs/operator';

或

加上这个，尽情享受吧！！！：-

可能重复的

import { map } from 'rxjs/operator';

import { map } from 'rxjs/operators';