title: Webpack cant resolve TypeScript modules
body: <p>I build a relay small webpack and typescript demo to play with.
  If i run webpack with the webpack.config.js i get this error:</p>
  
  <pre><code>ERROR in ./js/app.ts
  Module not found: Error: Can't resolve './MyModule' in '/Users/timo/Documents/Dev/Web/02_Tests/webpack_test/js'
   @ ./js/app.ts 3:17-38
  </code></pre>
  
  <p>I have no clue what the problem could be. The module export should be correct.</p>
  
  <p><a href="https://i.stack.imgur.com/806CP.png" rel="noreferrer">Folder Structure</a></p>
  
  <p>webpack.config.js
  <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>const path = require('path');
  
  module.exports = {
      entry: './js/app.ts',
      output: {
          path: path.resolve(__dirname, 'dist'),
          filename: 'bundle.js'
      },
      module: {
          rules: [
              {test: /\.ts$/, use: 'ts-loader'}
          ]
      }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>tsconfig.json
  <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>{
    "compilerOptions": {
          "target": "es5",
          "suppressImplicitAnyIndexErrors": true,
          "strictNullChecks": false,
          "lib": [
              "es5", "es2015.core", "dom"
          ],
          "module": "commonjs",
          "moduleResolution": "node",
          "outDir": "dist"
      },
      "include": [
          "js/**/*"
      ]
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>src/app.js
  <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 { MyModule } from './MyModule';
  
  let mym = new MyModule();
  console.log('Demo');
  
  mym.createTool();
  console.log(mym.demoTool(3,4));</code></pre>
  </div>
  </div>
  </p>
  
  <p>src/MyModule.ts</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>export class MyModule {
     createTool() {
      console.log("Test 123");
    }
  
     demoTool(x:number ,y:number) {
      return x+y;
    }
  };</code></pre>
  </div>
  </div>
  </p>
  
  <p>src/index.html</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-html lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Demo&lt;/title&gt;
          &lt;base href="/"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          
          &lt;script src="dist/bundle.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>