title: React isn't finding a module even though I set the path correctly
body: <p>I'm new to react, so I apologize for the noobness of this question.</p>
  
  <p>I just created a new React application, and I've been playing around with the folder structure. Below is my current folder structure:</p>
  
  <pre><code>react-app
    |_ src
      |_ assets
        |_ images
          |_ logo
            |_ logo.svg
      |_ components
        |_ App
          |_ App.js
      index.js
  </code></pre>
  
  <p>In /react-app/src/components/App/App.js, I need to import logo.svg, which is located in /react-app/src/assets/images/logo/logo.svg.</p>
  
  <p>In App.js, I have this line to import the logo:</p>
  
  <pre><code>import logo from '../assets/images/logo/logo.svg';
  </code></pre>
  
  <p>I get the following error:</p>
  
  <pre><code>./src/components/App/App.js
  Module not found: Can't resolve '../assets/images/logo/logo.svg'
  </code></pre>
  
  <p>What I tried:</p>
  
  <ul>
  <li>changing it to './assets/images/logo/logo.svg'</li>
  <li>changing it to '/assets/images/logo/logo.svg'</li>
  <li>changing it to '/src/assets/images/logo/logo.svg'</li>
  <li>changing it to '.../assets/images/logo/logo.svg'</li>
  <li>changing it to '..../assets/images/logo/logo.svg'</li>
  <li>changing it to '...../assets/images/logo/logo.svg'</li>
  </ul>
  
  <p>I put the logo.svg inside src/components/App and it loaded just fine with './logo.svg'</p>
  
  <p>I then put the logo.svg inside src/components, and was able to load it with '../logo.svg'</p>
  
  <p>I put it in src, and I get the error again when using '.../logo.svg'</p>
  
  <p>Conclusion: I can't import logo.svg when it's more than two directories above the component that is trying to import it.</p>
  
  <p>What am I missing here?</p>