Svgs arent loading although I can see them on localhost

[rad0st]

Hey yall! I’ve come across similar posts about SVG’s not showing up on deployed websites but whenever i check the solutions, it seems like i have the same solution implement yet its still not working. The svgs are shown on the localhost when i run it locally but on the deployed site they arent.

this is my deployed site: https://forkify-sofia.netlify.app/

Here is where you can find my code: GitHub - sofiaborodaenko/forkify

(I am using Parcel to bundle all of this for me and I’ve noticed how buggy it is sometimes on my computer whenever I am running it locally)

thank you in advance!

Here are the logs if needed:

[nathanmartin]

@rad0st

I’ve come across similar posts about SVG’s not showing up on deployed websites

@rad0st Perhaps this one will help, it’s the same project…
https://answers.netlify.com/t/svg-icons-images-not-showing-on-netlify-deployed-site/145959

---

Running npm run build && npx serve dist shows the issue locally, proving it unrelated to Netlify:

The project specific solution seemingly being to add --no-optimize to the build command within the package.json

After which running npm run build && npx serve dist results in: