Images not loading - Vite project upload

For some reason my images load fine in my local environment but when I deploy to Netlify they are broken. I’ve tried to research a resolution with not success… :frowning:

Would someone be kind enough to take a look and let me know what I am doing wrong?

Netlify:
https://6359e811b0a7c000083e30b9--heroic-gecko-0be9df.netlify.app/

GitHub Repo:

Any help would be greatly appreciated!

Hi @BrandonSlone, kindly move your images folder from the src folder to the public folder.
Once you are done, reference all your images path in your entire project without adding public at the beginning.
Example:
Image tag in your JSX files should be similar to the code below

<img src="/images/tubaPic(3).jpg" />

Redeploy after the changes and let me know the outcome.

Thanks.

Thank you so much! Everything is working properly now. I will be sure to remember this for future projects.

1 Like