Angular - «не имеет экспортированного члена« Наблюдаемый »»

Машинописный код:

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

@Injectable({
  providedIn: 'root'
})
export class HeroService {

  constructor() { }

  getHeroes(): Observable {
    return of(HEROES);
  }

}

информация об ошибке:

Ошибка TS2307: Не удается найти модуль 'rxjs-compat / Observable'. node_modules / rxjs / observable / of.d.ts (1,15): ошибка TS2307: не удается найти модуль 'rxjs-compat / observable / of'. src / app / hero.service.ts (2,10): ошибка TS2305: Модуль '"F: / angular-tour-of-heroes / node_modules / rxjs / Observable" "не имеет экспортированного члена Observable. src / app / hero.service.ts (15,12): ошибка TS2304: не удается найти имя «of».

package.json файл с угловой версией: