Post Purchase Extension Loads ShouldRender But Render Fails with ERR_NAME_NOT_RESOLVED & Blank Screen

[mahbub]

Hi everyone,

I’m currently building a Post Purchase Extension using Shopify’s official tutorial and running it in development mode using the Shopify CLI.

My ShouldRender function is working correctly. However, the actual render(“Checkout::PostPurchase::Render”, () => ) fails to load anything — the post-purchase page is completely blank. In console showing object object instead of Hello

I’ve attached screenshots of the console errors and my setup.

Would appreciate any guidance — I’m stuck with a blank post-purchase screen and can’t move forward with development. Thank you in advance!

[Dylan]

Can you share your Post Purchase Extension’s .toml file contents as well?

Perhaps it’s a misconfiguration there.

[mahbub]

Here it is

[mahbub]

Hi @Dylan , If I create a new app and generate the extension there, it works fine. But when I run the same extension inside my main app, the screen stays blank. What could be the issue? The ShouldRender callback is working as expected. I’ve deleted the extension from my main App and created it again, but it doesn’t work. Here is the error

[Dylan]

Hmm, that’s tricky.

Did you open the URL referenced in the error message? It looks like it might show a more detailed error trace or specific code to troubeshoot from.