title: Failed to compile ./src/App.js Module not found: Can't resolve
body: <p>I got following error when I start to run the local server:</p>
  
  <blockquote>
    <p>Failed to compile ./src/App.js Module not found: Can't resolve
    './Main' in '/home/sol/React/kuehnfotografie/src'</p>
  </blockquote>
  
  <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 React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import Main from './Main';
  import { Provider, createComponent } from 'react-fela';
  import { createRenderer } from 'fela';
  
  class App extends React.Component {
    render() {
      return (
        &lt;div className="content"&gt;
          &lt;Main /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="https://i.stack.imgur.com/HaqjO.png" rel="nofollow noreferrer">Folder structure</a></p>
  
  <p>This is the main.js file:</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 React from 'react';
  import ReactDOM from 'react-dom';
  import { Provider, createComponent } from 'react-fela';
  import { createRenderer } from 'fela';
  import Header from './main/Header';
  import Content from  './main/Content';
  import Footer from './main/Footer';
  
  class Main extends React.Component {
    render() {
      return (
        &lt;div className="main"&gt;
          &lt;Header /&gt;
          &lt;Content /&gt;
          &lt;Footer /&gt;
        &lt;/div&gt;
      );
    }
  } 
  
  export default Main;</code></pre>
  </div>
  </div>
  </p>