NPM安装rxjs@6 rxjs-compat@6—保存

对于Angular 7v

改变

import 'rxjs/add/operator/map';

To

import { map } from "rxjs/operators"; 

And

 return this.http.get('http://localhost/ionicapis/public/api/products')
 .pipe(map(res => res.json()));

我试了上面所有可能的答案，没有一个成功，

我通过简单地重新启动我的IDE，即Visual Studio Code来解决它

希望它能帮助到别人。

再次讨论这个问题，因为我的解决方案没有列在这里。

我正在用rxjs 6.0运行Angular 6，遇到了这个错误。

下面是我解决问题的方法:

我改变了

map((response: any) => response.json())

简单地成为:

.pipe(map((response: any) => response.json()));

我在这里找到了解决方法:

https://github.com/angular/angular/issues/15548#issuecomment-387009186

首先运行安装，如下所示:

npm install --save rxjs-compat@6

现在你需要在service.ts中导入rxjs:

import 'rxjs/Rx'; 

瞧!问题已经解决了。

我使用的是Angular 5.2，当我使用import 'rxjs/Rx';它抛出我以下lint错误: TSLint:此导入被列入黑名单，改为导入子模块(import-blacklist)

请看下面的截图:

解决方案: 通过只导入我需要的操作符解决了这个问题。例子如下:

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

因此，解决办法是只导入必要的操作符。