Angular - “has no exported member 'Observable'”

Question

Typescript code:

import { Injectable } from \'@angular/core\';
import { Observable } from \'rxjs/Observable\';
import { of         


        

Answer 1

Just remove /Observable from 'rxjs/Observable';

If you then get Cannot find module 'rxjs-compat/Observable' just put below line to thr terminal and press enter.

npm install --save rxjs-compat

Answer 2

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

Answer 3

use return Observable.of(HEROES);

Answer 4

My resolution was adding the following import: import { of } from 'rxjs/observable/of';

So the overall code of hero.service.ts after the change is:

import { Injectable } from '@angular/core';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';
import { of } from 'rxjs/observable/of';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }
}

Answer 5

Try this:

npm install rxjs-compat --save

Answer 6

What helped me is:

1. Get rid of all old import paths and replace them with new ones like this:

   import { Observable , BehaviorSubject } from 'rxjs';)

2. Delete node_modules folder

3. npm cache verify
4. npm install