Угловой 6: где получение модуля ошибок "rxjs / add / operator / map" и другой ошибки "map" не существует для типа 'Observable <Response>'

Question

Я использую Angular 6, где я получаю две ошибки -

1. ОШИБКА в ./src/app/app/img/img.service.ts Модуль не найден: Ошибка:Не удается разрешить 'rxjs / add / operator / map' в '/ Users / пользователь / Projects / A4 / imageSearch / src / app / app / img'

2. ОШИБКА в src /app / app / img / img.service.ts (21,9): ошибка TS2339: свойство 'map' не существует для типа 'Observable'.

Answer 1

При использовании rxjs 6 путь импорта изменяется.Пожалуйста, импортируйте оператор как этот

1. import {Observable} из 'rxjs';
2. import {map} из 'rxjs / operator';

Надеждаэто будет работать.

Answer 2

Я столкнулся с подобной проблемой с оператором rxjs map.В настоящее время я использую Angular 6. Чтобы узнать, какую версию вы используете:

ng --version

или

ng -v

Если вы также используете Angular 6, пожалуйста, проверьте https://www.academind.com/learn/javascript/rxjs-6-what-changed/

1. Другая внутренняя структура, требующая изменения операторов импорта
2. pipe () в качестве метода объединения операторов, старый способ их объединения не будет работать

Допустим, вы используете карту для http.get метода:

import { map } from 'rxjs/operators';

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

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

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

Answer 3

Запустите команду в вашем пакете.

npm install --save rxjs-compat

И импортируйте строку ниже в вашем файле.

import 'rxjs-compat';

Answer 4

Вот как мы можем импортировать наблюдаемые и отображать в rxjs 6

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