can't Resolve rxjs

Question

Failed to compile.

./src/app/hero.service.ts Module not found: Error: Can't resolve 'rxjs/Observable/of' in 'C:\Users\Admin\angular\myheroes\src\app'

@ ./src/app/hero.service.ts 13:11-40  @ ./src/app/app.module.ts  @ ./src/main.ts  @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts 

my code for hero.service.ts

import { Injectable } from '@angular/core'; import { Observable } from 'rxjs'; import { of } from 'rxjs/Observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; import { MessageService } from './message.service';  @Injectable() export class HeroService {     constructor(private messageService: MessageService) { }    getHeroes(): Observable<Hero[]>    {     // todo: send the message _after_fetching the heroes     this.messageService.add('HeroService: fetched heroes');     return of (HEROES);   } } 

Answer 1

I got this error because of an older version of rxjs and Angular 6 needs the latest version of rxjs.

This command installs the latest version that is compatible with Angular 6.

npm install --save rxjs-compat