Why the images not found after deploying react js to github pages?

Question

After deploy my react project to github pages, i've got some error. all the images not displaying. i've been try some solution like change the path from '../' to './' nothing happen, then i change to '/', it also doesnt show the images. Then i try to moved all the images to public folder. still nothing happen

this is the solution that i've tried

<img src="src/assets/img/ramen.jpg" />
<img src="./src/assets/img/ramen.jpg" />
<img src="./public/assets/img/ramen.jpg" />
<img src="/public/assets/img/ramen.jpg" />
<img src="public/assets/img/ramen.jpg" />
<img src="assets/img/ramen.jpg" />

this is my repository https://github.com/callmecua1/Kitsune

Sara tabaghchi · Accepted Answer · 2024-02-23 05:06:39Z

0

If files in this root

public/images/ Use this root

'/images/imagename.jpg'

But if folder inside src(/src/images) And keep your image in it Use this root

'./images/image-name.jpg'

answered Feb 23, 2024 at 5:06

Sara tabaghchi

2931 silver badge13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Shaiming Pai · Accepted Answer · 2024-08-14 05:06:38Z

-1

First Method:

Move ur image directory in src/assets directory the indicate the URL.

Second method:

-Import images as a variable

Import myImg from 'Your-Image-URL'

-Then use this variable

edited Aug 14, 2024 at 5:06

answered Aug 14, 2024 at 5:05

Shaiming Pai

13 bronze badges

Collectives™ on Stack Overflow

Why the images not found after deploying react js to github pages?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related