title: cannot import image on react.js component
body: <p>Having issue with import img into react component</p>
  
  <p>My component path is <strong>src/components/Intro/Intro.js</strong> and image is in public/logo.png</p>
  
  <p>This is my component: I can se</p>
  
  <pre><code>import React from 'react'
  import './Intro.css'
  import logo from './logo.png'
  
  const Intro = () =&gt; {
      return (
          &lt;div&gt;
              &lt;div className='img'&gt; &lt;img src={logo} alt="/" /&gt; &lt;/div&gt;
          &lt;/div&gt;
      )
  
  }
  
  export default Intro
  </code></pre>
  
  <p>error: Module not found: Can't resolve './logo.png' 
  I have tried ../public/logo.png, .../public/logo.png and loads other paths but nothing seems to work </p>
  
  <p><a href="https://i.stack.imgur.com/nxJjf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nxJjf.png" alt="enter image description here"></a></p>