Questions and discussions about using the Shopify CLI and Shopify-built libraries.
Strange bug that seems to be new behavior.
If I visit my app directly, e.g. https://myapp.com, App Bridge React will redirect to the embedded app in Shopify admin (with the forceRedirect setting). All good there. App bridge redirects to /admin/apps/{api-key}
Now when the app finally loads the TitleBar component, all the links in the navigation bar are for example "/admin/apps/{api-key}/admin/apps/{app-handle}/path
There is an extra "admin/apps/{api-key}" in there.
See DOM element inspected:
I'm running the latest version of everything:
Polaris 4.12.0
App Bridge 1.15.0
App Bridge React 1.15.0
Solved! Go to the solution
This is an accepted solution.
This issue should be fixed now. Thank you for your patience.
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
Having the same issue. Everything was working fine yesterday and today I am getting 404 with an additional/admin/apps/ getting added in the urs from somewhere.
Team Shopify please look into this.. Many people are having this issue and I can see it in several threads.
This is still a problem.
Just wanted to confirm that this doesn't have to happen with a redirect, it is an issue any time the api key is used as opposed to the app handle.
Please fix asap!
Can confirm. Thanks for raising this issue. Aside - will the app-bridge github repos become public in the future? It would be nice to collect these reports over there.
Repro:
In addition there's a related issue where <style> tags injected into the apps <head> aren't rendered. (a la next.js)
Repro:
Can confirm this was working prior.
Agreed, having a Github repo for app bridge and other smaller packages like route-propagator would be great. I don't understand why they are all in the "Quilt" repo - I would think that's a management nightmare. Forum posts get lost in the wind, I'd feel much more confident if I could file a Github issue.
As a workaround right now I subscribe to the Redirect.ActionType.APP action in componentDidMount and modify the path appropriately if it contains "admin/apps/...", before dispatching to `this.props.history.push` (where react-router takes it from there)
Thanks for the suggestion, @Jeff-Blake. I've implemented the same workaround for now. It's not a complete fix as the active link state (underline) doesn't work (I'm assuming because the paths don't match), but it's a whole lot better than a 404 page.
Further to the GitHub issues conversation, does anyone at Shopify even know about this problem? I don't see anything related to this in the "Quilt" repo.
Hi all,
Thanks for reporting this issue, we're working on a fix.
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
This is an accepted solution.
This issue should be fixed now. Thank you for your patience.
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
Confirmed that this has been fixed for me. I've been able to remove the work around.
Thanks, @Trish_Ta, for getting this fixed on a weekend!
I can confirm that the issue has been resolved for me 🙂 Thanks!
Indeed fixed, thanks!