KPC
Kevin Powell - Community•2y ago
naiden

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
Mannix
Mannix•2y ago
404 means it's not finding the the images so the path is probably wrong
naiden
naiden•2y ago
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
Want results from more Discord servers?
Add your server
More Posts
useSelector() in Redux not rendering new value ❓I am learning *redux* , so made a demo webApp and in that I am incrementing and decrementing the valHello I've been trying to figuring out how to make a link that lets people email you.Hello I've been trying to figuring out how to make a link that lets people email you. like that linkhow to paste something into an input from clipboard without using document.ExecCommand('paste') ?how to paste something into an input from clipboard without using document.ExecCommand('paste') sincneed a library that helps me to resize the window (we want the layout like codesandbox).hey! everyone... I'd like to ask you a question: I'm looking for a library that will allow me to resCSSComb for nowadays SASSi work for a long time now with a tool called CSSComb that allows me to order my CSS declarations inI want to extend builtin HTML element classes (I know why you shouldn't and cant)`class MyCanvas extends HTMLCanvasElement` is obviously out of the question, but there's surely someHow can I align some paragraphs to start at the centered title's starting pointI am working on this the whole day, still can't manage to do it. The problem is I have titles in my flowHi Gays, I found this code but I don't know what it does : ```css .flow > *:where(:not(:first-child)how do i get input values inputted into input field 'in real-time' and use the input values?here's code i've tried: ```tipButtons.forEach(tipButton => { tipButton.addEventListener('click'make input field expand verticallyhi, i want to make my input field expand vertically when the text overflows, i attached a quick vide