title: Getting warnings in Webstorm when compiling Typescript that contained Angular2 imports
body: <p>I just took an example from here <a href="https://angular.io/guide/quickstart" rel="nofollow noreferrer">https://angular.io/guide/quickstart</a></p>
  
  <p>I've done all according to the quickstart manual.
  But getting warnings in WebStorm console when my <code>app.ts</code> is compiling.</p>
  
  <p>Here is details:</p>
  
  <p>I am on Windows 8.1 x64, Webstorm 11.0.1</p>
  
  <p><code>app.ts</code>:</p>
  
  <pre><code>import {bootstrap, Component} from 'angular2/angular2';
  @Component({
      selector: 'my-app',
      template: '&lt;h1&gt;My First Angular 3 App&lt;/h1&gt;'
  })
  class AppComponent { }
  bootstrap(AppComponent);
  </code></pre>
  
  <p><code>tsconfig.json</code>:</p>
  
  <pre><code>   {
    "compilerOptions": {
      "target": "ES5",
      "module": "commonjs",
      "sourceMap": true,
      "emitDecoratorMetadata": true,
      "experimentalDecorators": true,
      "removeComments": false,
      "noImplicitAny": false,
      "sourceRoot": "/"
    },
    "exclude": [
      "node_modules"
    ]
  }
  </code></pre>
  
  <p>I was placing <code>tsconfig.json</code> file to <code>app</code> folder and in the root.</p>
  
  <p>The <code>app.ts</code> actually getting file compiled but getting warnings for some reason:</p>
  
  <pre><code>error TS1148: Cannot compile modules unless the '--module' flag is provided.
  error TS2307: Cannot find module 'angular2/angular2'.
  error TS1205: Decorators are only available when targeting ECMAScript 5 and higher.
  error TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.
  </code></pre>
  
  <p>I've got typings included</p>
  
  <p>My folders structure</p>
  
  <p><a href="https://i.stack.imgur.com/iSVNy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iSVNy.png" alt="enter image description here"></a></p>
  
  <p><strong>Edit:</strong> </p>
  
  <p>After I set <code>tsconfig.json</code> in settings the errors disappeared from <code>Typescript</code> window</p>
  
  <p><a href="https://i.stack.imgur.com/m7hib.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m7hib.png" alt="enter image description here"></a></p>
  
  <p>but got errors in <code>Run</code> output and in code editor:
  <a href="https://i.stack.imgur.com/skkkf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/skkkf.png" alt="enter image description here"></a></p>
  
  <p>Have no issues with <code>tsconfig.json</code>:
  <a href="https://i.stack.imgur.com/37yaK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/37yaK.png" alt="enter image description here"></a></p>
  
  <p>UPDATE:</p>
  
  <p>File -> Settings -> Languages &amp; Frameworks -> TypeScript helped to switch to the <code>tsconfig.json</code>. Then I resolved the next issues by disabling Typescript watcher that I had enabled before manually: File -> Settings -> Tools -> File Watchers. Now with these settings everything is working fine. </p>