title: ERROR in src/app/hero.service.ts(2,22): error TS2305: Module '"F:/angular-tour-of-heroes/node_modules/rxjs/Rx"' has no exported member 'of'
body: <p>Below are my angular <code>package.json</code> settings</p>
  
  <pre><code>"dependencies": {
    "@angular/animations": "^5.2.11",
    "@angular/common": "^5.2.11",
    "@angular/compiler": "^5.2.11",
    "@angular/core": "^5.2.11",
    "@angular/forms": "^5.2.11",
    "@angular/http": "^5.2.11",
    "@angular/platform-browser": "^5.2.11",
    "@angular/platform-browser-dynamic": "^5.2.11",
    "@angular/router": "^5.2.11",
    "core-js": "^2.4.1",
    "rxjs": "^5.5.10",
    "zone.js": "^0.8.19"
  },
  
  "devDependencies": {
      "@angular/cli": "~1.7.4",
      "@angular/compiler-cli": "^5.2.11",
      "@angular/language-service": "^5.2.11"
  }
  </code></pre>
  
  <p>Below is the code for HeroService component, and getting the below posted error.</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Observable } from 'rxjs';
  import 'rxjs/add/Observable/of';
  import { Hero } from './hero';
  import { HEROES } from './mock-heroes';
  
  @Injectable()
  export class HeroService {
    constructor() { }
    getHeroes() : Observable&lt;Hero[]&gt; {
        return of(HEROES);
    }
  
  }
  </code></pre>
  
  <p>error:</p>
  
  <pre><code>ERROR in src/app/hero.service.ts(2,22): error TS2305: Module '"F:/practice/Angular/cli/angular-tour-of-heroes/node_modules/rxjs/Rx"' has no exported member 'of'.
  </code></pre>
  
  <p>Below are a few things I tried out with no positive results:</p>
  
  <pre><code>import { Observable, of } from 'rxjs';
  </code></pre>
  
  <p>and</p>
  
  <pre><code>import { Observable, of } from 'rxjs/Observable';
  </code></pre>
  
  <p>Any suggestions on this?</p>