Cannot import images in react, Module Not Found

Question

my react app cannot find my image file. I have tried multiple ways of importing. I am importing this in my App.js

import logo from "./images/companyLogo.png"

<img src={logo} />

<img src={require("./images/companyLogo.png")} />

I even saw a way by putting the images file in the public folder and import it like following: (don't know why this worked for some people)

<img src="images/companyLogo.png" />

I have checked my directory it looks fine.

Please help T_T

Answer 1

You need to have a Webpack loader in your webpack config to import images or other such files.

Webpack File Loader