title: Webpack: ERROR in ./src/index.tsx Module not found: Error: Can't resolve './App' in '...'
body: <p>I have the following error when trying to serve my app using webpack-dev-server:</p>
  
  <pre><code>ERROR in ./src/index.tsx
  Module not found: Error: Can't resolve './App' in 
  'C:\Users\user\Desktop\react-resources-boilerplate\src'
   @ ./src/index.tsx 15:28-44
   @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.tsx
  </code></pre>
  
  <p>Here is my webpack config file:</p>
  
  <pre><code>const HtmlWebPackPlugin = require('html-webpack-plugin');
  const path = require('path');
  
  module.exports = {
    entry: path.resolve(__dirname, 'src', 'index.tsx'),
    module: {
      rules: [
        {
          test: /\.ts|\.tsx$/,
          loader: "ts-loader",
        },
      ]
    },
  
    plugins: [
      new HtmlWebPackPlugin({
        template: "./src/index.html",
        filename: "./index.html"
      })
    ]
  };
  </code></pre>
  
  <p>Here is my tsconfig file:</p>
  
  <pre><code>{
    "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "jsx": "react",
      "sourceMap": true,
      "outDir": "./dist",
      "rootDir": "./src",
      "strict": true,
      "noImplicitAny": true,
      "esModuleInterop": true
    }
  }
  </code></pre>
  
  <p>Here is my index.tsx file:</p>
  
  <pre><code>import * as React from 'react';
  import { render } from 'react-dom';
  import App from './App';
  
  const root = document.querySelector('#root')
  render(&lt;App /&gt;, root)
  </code></pre>
  
  <p>Help appreciated
  Thanks</p>