Shopify Bridge App Components Don't Show

yinghe
Visitor
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 !

Replies 3 (3)

Trish_Ta
Shopify Staff
58 13 27

Hi yinghe,

 

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

 

Trish

Trish | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

yinghe
Visitor
2 0 0
Yes. I am sure this is embedded app, and UI shows correctly for me expect
these TitleBar and ResourcePicker components.
hannachen
Shopify Staff
54 8 17

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

Hanna | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog