title: Cannot import .tsx file from .ts file (and vice versa)
body: <p>I have a project with <code>.ts</code> and <code>.tsx</code> files and I am trying to import a <code>.tsx</code> file from a <code>.ts</code> file, like so:</p>
  
  <p><strong>src/index.ts</strong></p>
  
  <pre><code>import WriteEditor from './write_editor';
  </code></pre>
  
  <p><strong>src/write_editor.tsx</strong></p>
  
  <pre><code>import Events from './events';
  import Actions from './actions';
  
  export default class WriteEditor extends React.Component { /*...*/ }
  </code></pre>
  
  <p>Now TypeScript tells me</p>
  
  <blockquote>
    <p>ERROR in ./src/index.ts
    Module not found: Error: Can't resolve './write_editor' in '/Users/luke/Projekte/writejs/code/writejs/src'
     @ ./src/index.ts 3:23-48
     @ multi ./src/index.ts</p>
  </blockquote>
  
  <p>So I tried this:</p>
  
  <p><strong>src/index.ts</strong></p>
  
  <pre><code>import WriteEditor from './write_editor.tsx';
  </code></pre>
  
  <p>Now my IDE tells me not to write the extensions <code>tsx</code> and I get an errors in <strong>src/write_editor.tsx</strong> because TypeScript cannot find my <code>.ts</code> files from a <code>.tsx</code> file.</p>
  
  <p>Then I went to rename the imports and added the <code>.ts</code> extensions</p>
  
  <pre><code>import Events from './events.ts';
  import Actions from './actions.ts';
  </code></pre>
  
  <p>Now I am getting tons or errors telling me not to write extensions at all.</p>
  
  <p>So how can we import <code>tsx</code> from <code>ts</code> and vice versa?</p>