angular - Angular 6：在“可观察”类型上不存在错误模块“rxjs/add/operator/map”和另一个错误“地图”'

Question

我正在使用 Angular 6，但出现两个错误 -

1. ./src/app/app/img/img.service.ts 中的错误找不到模块：错误：无法解析“/Users/user/Projects/A4/imageSearch/src”中的“rxjs/add/operator/map” /应用程序/应用程序/img'

2. src/app/app/img/img.service.ts(21,9) 中的错误：错误 TS2339：“可观察”类型上不存在属性“地图”。

Answer 1

我遇到了与rxjs map操作员类似的问题。目前我正在使用 Angular 6。要知道您使用的是哪个版本：

ng --version

或者

ng -v

如果您还使用 angular 6，请查看https://www.academind.com/learn/javascript/rxjs-6-what-c ​​hanged/

1. 需要您更改导入语句的不同内部结构
2. pipe() 作为链接运算符的方法，链接它们的旧方法将不起作用

假设您使用 maphttp.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 2

这就是我们如何在 rxjs 6 中导入 observable 和 map

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

Answer 3

在你的包中运行命令。

npm install --save rxjs-compat

并在您的文件中导入以下行。

导入'rxjs-compat'；

Answer 4

在 rxjs 6 中，导入路径发生了变化。请像这样导入运算符

1. 从'rxjs'导入{Observable}；
2. 从'rxjs/operators'导入{map}；

希望它会奏效。