title: Adding component to App JS file not working
body: <p>I just created a js file component but when I import this to App js file it gives me error. Am I importing wrong the component file?</p>
  
  <p>I tried to re-create the file but it's not working. </p>
  
  <p>This is my App js file:</p>
  
  <pre><code>import logo from './logo.svg';
  import './App.css';
  
  //Component
  import City from './components/City';
  
  class App extends Component {
  
    render(){
      return (
        &lt;div className="App"&gt;
          &lt;header className="App-header"&gt;
            //Adding component
            &lt;City /&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;p&gt;
              Edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
            &lt;/p&gt;
            &lt;a
              className="App-link"
              href="https://reactjs.org"
              target="_blank"
              rel="noopener noreferrer"
            &gt;
            Learn REACT
            &lt;/a&gt;
          &lt;/header&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default App;
  </code></pre>
  
  <p>This is my component js file:</p>
  
  <pre><code>
  class City extends Component {
  
    render(){
      return(
        &lt;div&gt;
          &lt;h1&gt;Hola componente&lt;/h1&gt;
        &lt;/div&gt;
      );
    }
  
  }
  
  export default City;
  </code></pre>
  
  <p>This is my dependencies in package.json</p>
  
  <pre><code>{
    "dependencies": {
      "axios": "^0.19.0",
      "react": "^16.8.6",
      "react-dom": "^16.8.6",
      "react-scripts": "3.0.1"
    }
  }```
  
  
  
  console shows this error:
  
  Uncaught SyntaxError: Unexpected token !
  
  !(function webpackMissingModule() { var e = new Error("Cannot find module 'react'"); e.code = 'MODULE_NOT_FOUND'; throw e; }());
  var _jsxFileName = "D:\\react\\practica\\src\\components\\City.js";
  
  
  class City extends !(function webpackMissingModule() { var e = new Error("Cannot find module 'react'"); e.code = 'MODULE_NOT_FOUND'; throw e; }())
  </code></pre>