Shopify Bridge App Components Don't Show

Highlighted
New Member
2 0 0

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 !

0 Likes
Highlighted
Shopify Staff
Shopify Staff
40 8 12

Hi yinghe,

 

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

 

Trish

0 Likes
Highlighted
New Member
2 0 0
Yes. I am sure this is embedded app, and UI shows correctly for me expect
these TitleBar and ResourcePicker components.
0 Likes
Highlighted
Shopify Staff
Shopify Staff
41 5 12

👋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?

0 Likes