无法从HttpClient访问.map

如何解决无法从HttpClient访问.map

我正在关注一个教程，但是它有点过时了，因此我尝试填写。目前，服务看起来像

import { Http } from '@angular/http';


export class TodoService {
  constructor(private http: Http) {
  }

  add(todo) {
    return this.http.post('...',todo).map(r => r.json());
  }

  getTodos() {
    return this.http.get('...').map(r => r.json());
  }

  delete(id) {
    return this.http.delete('...').map(r => r.json());
  }
}

但它显示Cannot find module '@angular/http' or its corresponding type declarations.ts(2307)

所以我将其更改为

  constructor(private http: HttpClient) {

但是现在我得到Property 'map' does not exist on type 'Observable<Object>'.ts(2339)的.map红色下划线

我尝试了import { map } from "rxjs/operators";和import 'rxjs/add/operator/map';，但仍然遇到错误。

如何在不重写此内容的情况下配置它。http.post/ get / delete行？

感谢您的帮助！

解决方法

map是一个rxjs运算符，您可以像这样使用它：

import { map } from "rxjs/operators";
return this.http.post('...',todo).pipe(
 map(r => r.json())
);

并且您正在使用不推荐使用的angular / http，则可以使用HttpClient

import { HttpClient } from '@angular/common/http';