title: Angular2 & typescript get error with import
body: <p>I'm starting to implement a simple component based on angular 2 , but i get an issue <code>tsconfig.json</code> and <code>import</code></p>
  
  <p>Here is my structure</p>
  
  <p><code>Root
      |
      node_modules
      |          |
      |          @angular
      |                |
      |                Core
      |                platform-broswer-dynamic
      Script
            |
            Components
                      |
                      MyFirstComponent.ts
                      MyFirstComponentService.ts
  </code></p>
  
  <p>Here is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { bootstrap } from '@angular/platform-browser-dynamic'; // this line is ok 
  import { Component } from '@angular/core';  // this line is ok 
  import { FirstService } from 'Root/Script/Components/MyFirstComponentService'; // this line get error
  
  @Component({
      selector: 'firstcomponent',
      template: '&lt;div&gt;My First Component&lt;/div&gt;',
  })
  export class MyFirstComponent {
      constructor(public abc : FirstService)
      {
          console.log(abc.doSomething());
      }
  }
  bootstrap(MyFirstComponent, [FirstService]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>But i get error at</p>
  
  <blockquote>
    <p>import { ABCService } from 'Root/Script/Components/MyFirstComponent';</p>
  </blockquote>
  
  <p>Because some reason i don't want to use <code>import { ABCService } from ./MyFirstComponent';</code></p>
  
  <p>What config should i use in <code>tsconfig.json</code> to make three <code>import</code> work ? i've tried with <code>rootDir</code> but it not help</p>
  
  <p>I'm using VS2015 , typescript 1.8.32</p>
  
  <p>Thanks you very much!</p>