Cannot find module 'rxjs-compat/Observable'

Question

I am currently upgrading angular 4 to angular 6 code. I have installed "rxjs": "^6.3.2" and un-installed rxjs-compact as I have migrated the code to use the new rxjs operators. I am still getting the following errors. Dont know the reason why

ERROR in [at-loader] ./node_modules/rxjs/BehaviorSubject.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/BehaviorSubject'.

ERROR in [at-loader] ./node_modules/rxjs/Observable.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Observable'.

ERROR in [at-loader] ./node_modules/rxjs/Observer.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Observer'.

ERROR in [at-loader] ./node_modules/rxjs/Operator.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Operator'.

ERROR in [at-loader] ./node_modules/rxjs/Subject.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Subject'.

ERROR in [at-loader] ./node_modules/rxjs/Subscription.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Subscription'.

Answer 1

This will solve the issue:

npm install --save rxjs-compat 

See this GitHub issue

Edit : as per 10th October 2019 ,you can use below syntax as the earlier or the above one was a workaround.

import { Observable } from 'rxjs/Observable';

Reference doc: https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md#dropping-the-compatibility-layer

Answer 2

None of these answers are correct. Installing rxjs-compat is just a workaround. All you have to do is correct the imports. Use:

import { Observable } from 'rxjs';

Instead of:

import { Observable } from 'rxjs/Observable';

This last import is supposed to go away when they finally decide to kill rxjs-compat (hopefully very soon)... so heads up! you need to update your code!!

Answer 3

As, Jandro Rojas, already said, installing rxjs-compat dependency it's only a temporary walkaround. In the future, you still need to fix that. The best solution is to use an Angular update guide https://update.angular.io/ because of some mistakes can be fixed automatically.

From my experience with errors "Cannot find module 'rxjs-compat/Observable'", "Cannot find module 'rxjs-compat'" and etc.

• You should fix all the imports. From:

import { Observable } from 'rxjs/Observable'

To:

import { Observable } from 'rxjs'

• If you use RxJS observables classes or etc, you need to update your code. Use this guide -> RxJS v5.x to v6 Update Guide

• Check carefully your dependencies, it should be updated too to use the newest RxJs. In my case "ngx-bootstrap" was outdated.

Answer 4

npm install --save rxjs-compat

and run the server again with ng serve

This works for me.

Answer 5

Just open command prompt & add below command in to your root folder.

npm i rxjs-compat

Hope it's working ..

Answer 6

import { Observable } from 'rxjs';

this will be enough, there's no need for other imports

Answer 7

• ] node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'

I have got same above error, to resolve the issue enter this command in you CLI:

• npm install --save rxjs-compat

Then after import: import { Observable } from 'rxjs';

Answer 8

Those who have this error while creating a salesforce project in VSCode, should ensure that the command - npm install [email protected] --save && npm install [email protected] --save

are installed in - C:\Program Files\Salesforce CLI\client\node_modules directory

Answer 9

npm i rxjs-compat

It's working for me.

Answer 10

It looks like rxjs-compat is missing. just do

npm i rxjs-compat 

npm install

Answer 11

Both the rxjs and rxjs-compat of the version 6.3.2 worked for me.

npm install [email protected] --save  &&  npm install [email protected] --save

Answer 12

npm install --save rxjs-compat

import { Observable } from 'rxjs'

run server ng serve worked for Me

Answer 13

It worked for me just by replacing 'rxjs/Subscription' with 'rxjs'

Answer 14

npm uninstall @ngrx/store

npm install @ngrx/[email protected]

npm install --save rxjs-compat

Answer 15

I am using Angular 10,this method works for me.

npm install --save rxjs-compat

you should import observable this way:-

import { Observable } from 'rxjs/Observable';