title: Problems with .maps and import 'rxjs/add/operator/map';
body: <p>I've got a problem with Angular 4 and <code>rxjs/add/operator/map</code>. Although I import <code>rxjs/add/operator/map</code> into my file, I can't use <code>.map</code>. Visual Basics always shows two messages:</p>
  <blockquote>
  <p>message: 'Declaration or statement expected.'</p>
  <p>message: 'Cannot find name 'map'. Did you mean 'Map'?'</p>
  </blockquote>
  <p>I have tried some things people advised on here and on the internet like:
  '</p>
  <pre><code>npm install rxjs@latest --save
  </code></pre>
  <p>I have also tried to update everything with</p>
  <pre><code>npm update
  </code></pre>
  <p>But this problem does not want to go away.</p>
  <p>Here is the context for my code. I'm very new to programming and this is a part of a tutorial:</p>
  <pre><code>import { Injectable } from '@angular/core';
  import { Http } from '@angular/http';
  //import { Observable } from 'rxjs/Observable';
  import 'rxjs/add/operator/map';
  
  @Injectable()
  export class DataService {
  
    constructor(public http:Http) { 
      console.log('Data service connected...');
    }
  
    getPosts(){
      this.http.get('https://jsonplaceholder.typicode.com/posts');
        .map(res =&gt; res.json());
    }
  
  }
  </code></pre>