Angular 5 to 6 Upgrade: Property 'map' does not exist on type Observable

Question

Ive upgraded my angular application from version 5 to 6 and im getting this error from the following code.

  const request = this.evidenceService.get().map((         


        

Answer 1

according to https://www.academind.com/learn/javascript/rxjs-6-what-changed/

in past

import 'rxjs/add/operator/map'

myObservable
  .map(data => data * 2)
  .subscribe(...);

now

import { map } from 'rxjs/operators';

myObservable
  .pipe(map(data => data * 2))
  .subscribe(...);

Answer 2

Use

.pipe(map((res) => res.data))

instead of

.map((res) => res.data)

Answer 3

This solved my problem here is the code:

import { map } from "rxjs/operators";

**********************************************Example**Below**************************************

getPosts(){
this.http.get('http://jsonplaceholder.typicode.com/posts')
.pipe(map(res => res.json()));
}
}

Answer 4

Operator chaining has been transitioned to the use of .pipe() in RXJS v6, you should follow the recommended migration path for RXJS. Additionally, the catch operator has been renamed to catchError.

Here is how it should be done now:

const request = this.evidenceService.get().pipe(
    map((res) => res.data)),
    catchError(error => Observable.of(null))
  );