Shopify App Shows Only App Name with Blank Screen After Installation in Test Store

[keswa]

This first image describes my issue — I see this empty view immediately after installing my app:

Hi everyone,

I’m running into an issue when building an app using the official Shopify scaffold, and I hope someone here can help me identify what’s going wrong.

Steps I’ve taken:1. I followed the official guide:

https://shopify.dev/docs/apps/build/scaffold-app

1. I created a new app using:

   shopify app init

2. Then I started the app locally with:

   shopify app dev

3. Everything looks correct in the terminal logs, and when prompted, I use the P key to open my test store and install the app.

The issue:

After installing the app, I only see a blank screen in the embedded app view.
There is no error message or visible content, just an empty frame.

Additional info:- I have not made any changes to the scaffold, nor have I added or removed any code.

• I’ve tried:

  • Multiple web browsers

  • Several test stores

  • Cleared cache and cookies

  • Creating and installing more than 10 apps — all with the same blank screen issue

What I’m looking for:- Any idea why I might be seeing a blank screen after installation?

• What should I check or verify to troubleshoot this?

• Could it be related to authentication, extensions, or missing setup steps?

Below, I’ve included the terminal log right after running shopify app dev and installing the app.

Thanks in advance for any help or guidance!

According to shopfy, this is what it should look like after starting a local development server, and installing the app (the car taken from devdocs),

So why doesn’t my view look like this?

Additional details:

Here is what my console log looks like. I can see there’s a 404 error, but the URLs being requested are the ones provided by Shopify’s scaffold — I haven’t changed anything.

I assumed these URLs should work out of the box since the official guide doesn’t mention needing to adjust or configure anything related to them.

Here is my console log output:

Super grateful for all the help, this is killing me right now!

[i-Bead_Inc]

Following. Been experiencing the same issue for about a week now. MacOS. Deleted cookies from web browsers, uninstalled (and re-installed) every terminal component related to dev / coding work, and nothing.

[Mayo-sl]

I had the exact same issue of blank screen right after install, and after days of searching, no solution worked. What finally fixed it for me (on Mac) was deleting the hidden folders .cloudflared and .prisma from my root user folder.

In my case the path was /Users/[mypc]. Once I deleted both folders the app loaded fine.

[SKUWrangler]

This can sometimes happen if your app config gets out of whack with your local TOML. Like if the URLs are not matching. Did you run shopify app deploy to push your TOML file settings to the app config in the partner portal?

Double check the client ID and thinsg like that too. Make sure the TOML and app config are set to embedded = true. You’re using the remix template so it should be setting CSP for your as well, but that’s another possible issue

[tberoiz]

In my case this solved the issue: Why is my Public App showing a blank screen on Azure deployment? - #3 by PeterP2023