Unable to load image in react?

Question

React

Is this a problem with react or with webpack

src
--imgs
------bg.jpg
--style.css

style.css

body {
  background-image: url('./imsg/bg.jpg');   // Текущая папка/imgs/bg.jpb
}

But it says file not found

Answer 1

It's likely that images need to be required so that Webpack can process them.
An example with HTML, but in terms of styles everything should be similar
Something like this: - not ok. - OK. So Webpack should be able to process and replace the original img.
<img src={"/images/resto.png"} />
<img src={require('/images/image-name.png')} />

Answer 2

Hello, try to write /imsg/bg.jpg
without a dot at the beginning, it's strange, but, in my opinion, it works in css
. Also, I noticed that in the description you wrote that your folder is called "imgs" and in the path you wrote "imsg".