title: Error: Can't resolve 'rxjs/add/operator/map'
body: <p>This is <code>app.module.ts</code> I have tried to done the Import of map in different project and it worked fine, but in this project it's not working.</p>
  
  <pre><code>    import { BrowserModule } from '@angular/platform-browser';
      import { NgModule } from '@angular/core';
      import {HttpModule} from '@angular/http';
  
      import { AppComponent } from './app.component';
      import { PagesComponent } from './pages/pages.component';
  
      @NgModule({
        declarations: [
          AppComponent,
          PagesComponent
        ],
        imports: [
          BrowserModule,
          HttpModule
  
        ],
        providers: [],
        bootstrap: [AppComponent]
      })
      export class AppModule { }
  </code></pre>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import {PageService} from './page.service';
  
  @Component({
  
    selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ["../assets/public/css/adminstyle.css",
              "../assets/public/css/demo.css",
            "../assets/public/css/style.css"
          ,"../assets/public/css/stylesheet.css"],
    providers:[PageService]
  })
  export class AppComponent {
    title = 'app';
  }
  </code></pre>
  
  <p><strong>page.service.ts</strong></p>
  
  <pre><code>import {Injectable} from '@angular/core';
  import {Http,Headers} from '@angular/http';
  
  import 'rxjs/add/operator/map';
  
  @Injectable({
    providedIn: 'root'
  })
  export class PageService {
  
    constructor(private http:Http) { 
    console.log('Task Service Initialized');
  
    }
  }
  </code></pre>