title: Getting the error ../node_modules/rxjs/Rx"' has no exported member 'of'
body: <p>I'm learning new angular from the tutorial(<a href="https://angular.io/tutorial/toh-pt4#inject-message-service" rel="noreferrer">https://angular.io/tutorial/toh-pt4#inject-message-service</a>). I'm stuck in this while running the application after adding the Services</p>
  
  <p><strong>../node_modules/rxjs/Rx"' has no exported member 'of'.</strong></p>
  
  <pre><code>    hero.service.ts
  ---------------------
  
  
  import { Injectable } from '@angular/core';
  
  // import { Observable, of } from 'rxjs';
  import { Observable, of } from 'rxjs/Observable';
  
  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>
  
  <p>My Angular version and related information are</p>
  
  <pre><code>Angular CLI: 1.7.4
  Node: 6.14.1
  OS: linux x64
  Angular: 5.2.10
  ... animations, common, compiler, compiler-cli, core, forms
  ... http, language-service, platform-browser
  ... platform-browser-dynamic, router
  
  @angular/cli: 1.7.4
  @angular-devkit/build-optimizer: 0.3.2
  @angular-devkit/core: 0.3.2
  @angular-devkit/schematics: 0.3.2
  @ngtools/json-schema: 1.2.0
  @ngtools/webpack: 1.10.2
  @schematics/angular: 0.3.2
  @schematics/package-update: 0.3.2
  typescript: 2.5.3
  webpack: 3.11.0
  
      @angular/cli: 1.7.4
      @angular-devkit/build-optimizer: 0.3.2
      @angular-devkit/core: 0.3.2
      @angular-devkit/schematics: 0.3.2
      @ngtools/json-schema: 1.2.0
      @ngtools/webpack: 1.10.2
      @schematics/angular: 0.3.2
      @schematics/package-update: 0.3.2
      typescript: 2.5.
  </code></pre>