title: Create-React-App unable to find my images folder
body: <p>I am having trouble with my React web app as it cannot find my images folder. I have a Navbar component inside a nav folder inside my component folder. Just outside the component folder is the assets folder which houses my img folder. </p>
  
  <p>Like so:</p>
  
  <pre><code>src/
    assets/
      img/
        logo.png
    components/
      nav/
        Navbar.js
  </code></pre>
  
  <pre class="lang-none prettyprint-override"><code> Failed to compile.
  
  
  ./src/components/nav/Navbar.js
  Module not found: Can't resolve './assets/img/logo.png' in 'C:\xampp\htdocs\MXlionsfieldReact\mxlionsfieldreact\src\components\nav'
  </code></pre>
  
  <p>Here is my Navbar.js component:</p>
  
  <pre><code>import React, { Component } from 'react';
  import Logo from './assets/img/logo.png';
  
  class CustomNavbar extends Component {
      render() {
          return(
                  &lt;nav className="navbar navbar-expand-md navbar-dark transparent-nav-custom fixed-top" id="navbar"&gt;&lt;a className="navbar-brand" href="/"&gt;&lt;img className="pb-2 logo-image" src={Logo} alt="Lionsfield brand Logo" /&gt;&lt;/a&gt;
                      &lt;button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation"&gt;&lt;span className="navbar-toggler-icon"&gt;&lt;/span&gt;&lt;/button&gt;
                          &lt;div className="collapse navbar-collapse" id="navbarsExampleDefault"&gt;
                              &lt;ul className="navbar-nav ml-auto"&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/"&gt;&lt;i className="fa fa-home"&gt;&lt;/i&gt;&lt;br /&gt;Inicio &lt;span className="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/Quienes-Somos"&gt; &lt;i className="fa fa-users"&gt;&lt;/i&gt;&lt;br /&gt;Quienes Somos&lt;/a&gt;&lt;/li&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/NuestrosClientes"&gt; &lt;i className="fa fa-building"&gt;&lt;/i&gt;&lt;br /&gt;Nuestros Clientes&lt;/a&gt;&lt;/li&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/Metodologia"&gt;&lt;i className="fa fa-line-chart"&gt;&lt;/i&gt;&lt;br /&gt;Metodología&lt;/a&gt;&lt;/li&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/Certificaciones"&gt;&lt;i className="fa fa-graduation-cap"&gt;&lt;/i&gt;&lt;br /&gt;Certificaciones&lt;/a&gt;&lt;/li&gt;
                              &lt;li className="nav-item"&gt;&lt;a className="text-center nav-link" href="/Contacto"&gt; &lt;i className="fa fa-envelope"&gt;&lt;/i&gt;&lt;br /&gt;Contacto&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;  
                          &lt;/div&gt;
                  &lt;/nav&gt;
  
          )
      }
  
  }
  
  export default CustomNavbar
  </code></pre>
  
  <p>I am running Node version 10.15.1, NPM version 6.9.0.</p>