404 Not Found ( Webpack Image )

How can I import an image using this web pack config? I get the following error in the console after I build the app using yarn build. How can I import the image to the dashboard f

Solution 1:

first of all , you should import your image like :

import MyImage from '../relative/path/to/your/image'

then use it like:

function App() {
  return (
    <div className="App">
      <img src={MyImage} alt='any kind of description'>
    </div>
  );
}