title: can't Resolve rxjs
body: <p>Failed to compile.</p>
  
  <blockquote>
    <p>./src/app/hero.service.ts Module not found:  Error: Can't resolve
    'rxjs/Observable/of' in 'C:\Users\Admin\angular\myheroes\src\app'</p>
  
  <pre><code>@ ./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
  </code></pre>
  </blockquote>
  
  <p>my code for hero.service.ts</p>
  
  <pre><code>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&lt;Hero[]&gt;
  
    {
      // todo: send the message _after_fetching the heroes
      this.messageService.add('HeroService: fetched heroes');
      return of (HEROES);
    }
  }
  </code></pre>