title: Fix TypeScript Autocomplete for RxJS Operators in WebStorm
body: <p>I'm using WebStorm for an Angular 2 project.</p>
  
  <p>I code in TypeScript and in one of my components I use <code>Observable</code> :</p>
  
  <pre><code>import { Observable } from "rxjs/Rx";
  import 'rxjs/Rx';
  
  @Component({...})
  export class SearchComponent {
  
    @ViewChild('input') input: ElementRef;
  
    ngAfterViewInit() {
      let inputElement = this.input.nativeElement;
      let keyups = Observable.fromEvent(inputElement, 'keyup');  // &lt;-- WebStorm error
      keyups.subscribe(data =&gt; console.log(data));
    }
  }
  </code></pre>
  
  <p>This code does work (something is logged to the console every time I type something in the input field), but WebStorm complains about the <code>fromEvent</code> method ("Unresolved function or method").</p>
  
  <p>Also, if I trigger autocomplete on the <code>Observable</code> class, most of the operators listed in the RxJS documentation are missing. For instance, typing <code>Observable.fr</code> should produce a list of <code>from</code>, <code>fromCallback</code>, <code>fromEvent</code>, <code>fromPromise</code>... but WebStorm only suggests one method (<code>withLatestFrom</code>).</p>
  
  <p>How can I get proper autocomplete/TypeScript support for observables in WebStorm?</p>
  
  <p>I have tried different ways to import <code>Observable</code>, I have tried the suggestions in <a href="https://www.gurustop.net/blog/2016/04/19/typescript-rxjs-intellisense-node">this article</a> (i.e. adding <code>"files": ["node_modules/rxjs/Rx.KitchenSink.d.ts"]</code> to <code>tsconfig.json</code>), but nothing worked.</p>