Image visible in dev but missing in production -- what are the correct asset rules for Shop App Minis?

Shop Minis
1

Hi everyone,
I’m running into an issue with images in a Shopify Shop App Mini and want to clarify what the correct rules are for bundling static assets.

I have a component like this:

<Image
className=“w-[329px] h-[534px]”
src={‘src/assets/images/my-2.png’}
loading=“lazy”
width={329}
height={534}
/>

When I run the project in dev mode, the image loads normally.
But after I build and submit the Mini for production, the image completely disappears – no errors, just not rendered. No errors about it during the build command execution.
What is the correct way to include static images in a Shop App Mini?

2

Hi @Iurii_Teslenko , this is an issue we need to address on our side. The local Vite server accidentally works ok when referencing image files directly in the src prop, you should import the file on top and pass the imported value to the src prop instead of direcly using the path string