I’ve followed the steps in https://shopify.dev/docs/apps/deployment/web , and the app is fully working on heroku, apart from the checkout extension element. It’s still being fetched at the autogenerated cloudflare-url/extensions instead of my heroku url. I’ve updated my .toml files to use the heroku urls. I’ve searched my codebase for the code that fetches the page for the checkout extension, but couldn’t find it. Has anyone seen this before/has ideas about how to debug?
Topic summary
Issue: After deploying a Shopify app to Heroku per docs, the checkout extension still loads from an autogenerated Cloudflare tunnel URL (/extensions) instead of the Heroku URL, despite updating .toml configuration. The author couldn’t find code explicitly fetching that URL.
Most relevant update: A similar symptom occurred for another user with a post‑purchase extension due to the “Shopify Post Purchase Dev” Chrome extension injecting a dev/tunnel URL that overrode the deployed URL.
Suggested fix: Open the Chrome extension’s Options, remove the stored dev/tunnel URL, and save. This stopped the URL override and restored the correct endpoint.
Context/terms: Checkout/post‑purchase extensions are Shopify UI components rendered during checkout/after purchase. .toml files configure app/extension URLs. The Cloudflare URL is a development tunnel address.
Status: No confirmation from the original poster; the thread suggests checking local dev browser extensions or cached settings that may be overriding the extension URL. The issue appears potentially client‑side rather than server/deploy related.
1 Like
This happened to me with a post-purchase extension while using the Shopify post purchase browser extension. The dev/tunnel URL was being added by the plugin. I just opened the extension’s Options, removed the URL, and saved. That fixed it.