Angular 6 : where getting error module “rxjs/add/operator/map” and another error 'map' does not exist on type 'Observable<Response>'

Question

I am using Angular 6 where I am getting two errors -

1. ERROR in ./src/app/app/img/img.service.ts Module not found: Error: Can't resolve 'rxjs/add/operator/map' in '/Users/user/Projects/A4/imageSearch/src/app/app/img'

2. ERROR in src/app/app/img/img.service.ts(21,9): error TS2339: Property 'map' does not exist on type 'Observable'.

Answer 1

I faced similar problem with rxjs map operator. Currently I'm using Angular 6. To know which version you are using:

ng --version

or

ng -v

If you are also using angular 6, then please checkout https://www.academind.com/learn/javascript/rxjs-6-what-changed/

1. Different internal structure that requires you to change your import statements
2. pipe() as a method to chain your operators, the old way of chaining them will not work

Let's say you use map for http.get method:

import { map } from 'rxjs/operators';

private url = "some site...";
  constructor(private http: HttpClient) { }

  dailyForecast() {
    return this.http.get(this.url).pipe(map(result => result));
  }

NOT: this.http.get(this.url).map(result => result);

Answer 2

This is how we can import observable and map in rxjs 6

import {Observable} from 'rxjs';
import {map} from 'rxjs/operators';

Answer 3

Run command in your package.

npm install --save rxjs-compat

And import below line in your file.

import 'rxjs-compat';

Answer 4

With rxjs 6, import path is changed. Please import operator like this

1. import {Observable} from 'rxjs';
2. import {map} from 'rxjs/operators';

Hope it will work.