Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>').

Shopify / shopify-app-bridge

86 stars 9 forks source link

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('<URL>') does not match the recipient window's origin ('<URL>'). #215

Closed Michael-Gibbons closed 1 year ago

Michael-Gibbons commented 1 year ago

Describe the bug

Getting these errors in Chrome, found another issue stating the problem was fixed in 3.1, however I'm using 3.7 and the issue persists. It appears to be coming from a sub-module app-bridge-core?

@shopify/app-bridge @ 3.7.0
@shopify/app-bridge-react @ 3.7.0
@shopify/polaris @ 10.23.0

Platform

OS: Windows 11
OS Version: 10.0.22621
App: Chrome

henrytao-me commented 1 year ago

Hi @Michael-Gibbons, can you add more details on how to reproduce this? What url did you open?

Michael-Gibbons commented 1 year ago

@henrytao-me The base app url in the shopify admin. Shopify Admin > Apps > YOUR_APP

henrytao-me commented 1 year ago

Can I have the app id for testing? The screenshot that you sent shows Online Store url, not your app. So, not sure if we are looking into the correct issue.

Michael-Gibbons commented 1 year ago

@henrytao-me it is not app specific, here are the errors on the theme access app

Michael-Gibbons commented 1 year ago

@henrytao-me My best guess is one of Shopify's dependencies was not updated after changing the domain to admin.shopify.com

Michael-Gibbons commented 1 year ago

I would attempt to debug further but the code is not open source so good luck

henrytao-me commented 1 year ago

@Michael-Gibbons This happens because these apps are using older version of App Bridge. We fixed this error log since App Bridge 3.5.1. It shouldn't be a blocker to load your app.