Angular - "has no exported member 'Observable'"

Question

This might be helpful in Angular 6 for more info refer this Document

1. rxjs: Creation methods, types, schedulers and utilities

import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from 'rxjs';

2. rxjs/operators: All pipeable operators:

import { map, filter, scan } from 'rxjs/operators';

3. rxjs/webSocket: The web socket subject implementation

import { webSocket } from 'rxjs/webSocket';

4. rxjs/ajax: The Rx ajax implementation

import { ajax } from 'rxjs/ajax';

5. rxjs/testing: The testing utilities

import { TestScheduler } from 'rxjs/testing';

Apparently (as you point in the error log), after updating to Angular 6.0.0 rxjs-compat is missing.

Run npm install rxjs-compat --save to install. Should fix it.

Just put:

import { Observable} from 'rxjs';

Just like that. Nothing more or less.

I replaced the original code with import { Observable, of } from 'rxjs', and the problem is solved.

You are using RxJS 6. Just replace

import { Observable } from 'rxjs/Observable';
import { of } from 'rxjs/observable/of';

by

import { Observable, of } from 'rxjs';

Try this:

npm install rxjs-compat --save