Angular 4:关于RxJs的模块未找到错误

Question

在构建Angular应用程序时,我得到了很多这些错误,下面只是第一个错误

ERROR in ./~/@reactivex/rxjs/dist/cjs/Rx.js
Module not found: Error: Can't resolve './add/operator/filter' in 
'...\node_modules\@reactivex\rxjs\dist\cjs'
 @ ./~/@reactivex/rxjs/dist/cjs/Rx.js 70:0-32
 @ ./~/@reactivex/rxjs/index.js
 @ ./~/ri-api-client/dist/index.js
 @ ./src/app/core/api.service.ts
 @ ./src/$$_gendir/app/app.module.ngfactory.ts
 @ ./src/main.ts
 @ multi ./src/main.ts

我错过了什么？

Answer 1

我有类似的错误..

`ERROR in ./src/app/shared/giphy/giphy.service.ts`

Module not found: Error: Can't resolve 'rxjs/add/operator/map' in '/Users/user1/opt/work/mine/development/ic/ic-pms/pms-ui/src/app/shared/giphy' ? ?wdm?: Failed to compile. ERROR in src/app/shared/giphy/giphy.service.ts(16,35): error TS2339: Property 'map' does not exist on type 'Observable<Object>'.

Ans的解决方案是 npm install rxjs@6 rxjs-compat@6 --save

Answer 2

RXJS在6+版中更改了语法

新的解决方案应该是：

import { filter } from 'rxjs/operators';

不

import 'rxjs/add/operator/filter';

此处有更多详细信息：https : //www.academind.com/learn/javascript/rxjs-6-what-c​​hanged/

Answer 3

根据您的错误消息,您的import语句似乎不正确.它抱怨没有在node_modules/@activex中找到东西,但它应该在node_modules/rxjs中查找.

您的import语句应如下所示:

import 'rxjs/add/operator/filter';