Shopify Bridge App Components Don't Show

[yinghe]

Hey Folks,

I am new to Shopify. I am using node js with same front ent, and back end domain xxx.ngrok.io to develop my app. I used '@shopify/app-bridge-react' to set App Context Provider with correct keys. Both component <TitleBar>, and <ResourcePicker> don't load for me without error thrown, while non-bridge other components loads.

I checked my 'app' is correct, and I see console error 'Failed to load resource: the server responded with a status of 404 ()' Not sure if this is related.  How should I debug this ?  Thanks !

[Trish_Ta]

Hi yinghe,

Can you confirm that you've opened your app inside a Shopify store? Embedded components only work inside a Shopify Admin.

Trish

[yinghe]

Yes. I am sure this is embedded app, and UI shows correctly for me expect
these TitleBar and ResourcePicker components.

[hannachen]

👋Hi Yinghe, following up for Trish. Are you still encountering this issue? If so, I'm hoping to get a bit more details, would it be possible to take a video that shows console log?