The image is not connected in react in css, what should I do?

Question

React

Changed: if I comment out this line, then I run it and include background in the code, then some kind of fig works, why

css код
background: url(./img/slider.jpg);

the image is in the img folder which is in the pubic folder for

some reason gives an error, what's the problem

Answer 1

1. Change the "img" folder to . "images" and source = /slider.jpg
If it doesn't help
2. Apply inlan styles to the element {process.env.PUBLIC_URL + '/slider.jpg'}
3. Place the photo in the images folder in src and import import slider from './ images/slider.jpg' and inline {slider}