Angular - “has no exported member 'Observable'”

Question

Typescript code:

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


        

Answer 1

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 {
    return of(HEROES);
  }
}