Mapped images not showing in production
Hello, I'm developing a practice project from Frontend Practice (https://www.frontendpractice.com/projects/stark) using React + Vite.js and SCSS. After almost 3 months of work each day I am ready to deploy it to showcase it on my github, but... after building and running
npm run preview to check the images in my testimonial slider section are not showing (I get a 404 error). I am mapping an array of hardcoded data (https://github.com/naiiiden/frontend-practice-stark-homepage/blob/main/src/components/Testimonials/Quotes.js) and displaying each testimonial at an interval of 6 seconds (https://github.com/naiiiden/frontend-practice-stark-homepage/blob/main/src/components/Testimonials/Testimonials.jsx). It works fine in development but the images are not showing in production 😦 I've tried several possible solutions I found in StackOverflow but none are working for me. Maybe someone can help me here, thank you in advance 😛Frontend Practice | Stark Project
Can you recreate this home page.?
GitHub
frontend-practice-stark-homepage/Quotes.js at main · naiiiden/front...
Contribute to naiiiden/frontend-practice-stark-homepage development by creating an account on GitHub.
2 Replies
404 means it's not finding the the images so the path is probably wrong
Yes, that's my issue
However, I'm using exactly the same paths as the images I import in other react components
import homepage_avatar_circle from "../../assets/images_header/homepage__avatar-circle.png"; this is the path I'm using for all my images and they all work except for the testimonial avatars