Observable.of is not a function

Question

I am having issue with importing Observable.of function in my project. My Intellij sees everything. In my code I have:

import {Observable} from          


        

Answer 1

For me (Angular 5 & RxJS 5) the autocomplete import suggested:

import { Observable } from '../../../../../node_modules/rxjs/Observable';

while to should be (with all static operators from, of, e.c.t working fine:

import { Observable } from 'rxjs/Observable';

Answer 2

import 'rxjs/add/observable/of';

shows a requirement of rxjs-compat

require("rxjs-compat/add/observable/of");

I did not have this installed. Installed by

npm install rxjs-compat --save-dev

and rerunning fixed my issue.

Answer 3

If anybody is having this problem while using Angular 6/rxjs 6 see the answers here: Could not use Observable.of in RxJs 6 and Angular 6

In short, you need to import it like this:

import { of } from 'rxjs';

And then instead of calling

Observable.of(res);

just use

of(res);

Answer 4

You could also import all operators this way:

import {Observable} from 'rxjs/Rx';

Answer 5

If you are using Angular 6 /7

import { of } from 'rxjs';

And then instead of calling

Observable.of(res);

just use

of(res);

Answer 6

For Angular 5+ :

import { Observable } from 'rxjs/Observable';should work. The observer package should match the import as well import { Observer } from 'rxjs/Observer'; if you're using observers that is

import {<something>} from 'rxjs'; does a huge import so it's better to avoid it.