Image assets can't be viewed in production / review but visible in development

Shop Minis
1

We submitted our app but seems like image assets are missing in production /review although we do see them in development (on both device and simulator) Might be because we are using the img component instead of the Image component from Shop Mini SDK. Resubmitted, let’s see if it works. Posted here in case people are having the same issue.

2

The same with the Image component. What type (format) of images do you use? How do you import them?

3

I am doing this -

import { Image } from ‘/shop-minis-react’

<div className="flex justify-center mb-2">
<Image src=“/src/images/macros-logo.png” alt=“macros” className=“w-46 object-contain”/>
</div>

Do we have to move the image to /src/ instead?

4

Hey!

Images need to be imported like:

import { Image } from ‘/shop-minis-react’
import logo from './images/macros-logo.png'

<div className="flex justify-center mb-2">
<Image src={logo} alt=“macros” className=“w-46 object-contain”/>
</div>

We will improve the docs and make this more obvious in future

5

Thanks! Just resubmitted!

6

It’s approved! Seems like it’s working!

1 Like