Successful run - Just a blank admin page??

[jfk86d]

I am not clear on what a successful run looks like.

Write a short description of the issue here ↓

I was able to pull down the latest repo, set my .env and run the Debug> dev script in the package.json file. When clicking on the app link in the dev store, I just get a blank page. Is that it? If not, what could be wrong?

What do you think should happen? I was expecting to see at least HomePage and ProductsCard from the src/components directory.

What actually happens?

Here are screenshots of what I see, source, and console.

The best way to get your bug fixed is to provide a reduced test case.

Specifications

• Browser: Chrome
• Device: Intel i7
• Operating System: Windows 10 Pro

[JaKXz]

Hi @jfk86d — could you try running your app with shopify app serve?

This template assumes you have the Shopify CLI installed and the debug script is meant to connect to the running server to allow you to try out breakpoints in the node dev tools. @paulomarg we should clarify this.

[jfk86d]

Hi @JaKXz , thank you for your reply and suggestion. I ran shopify app serve. Got the error below. The error noted "ngrok tunnel not running". I confirmed it is and all URLs are updated in .env as well as in the app setup. Further, I could see requests on the ngrok inspect page (http://127.0.0.1:4040/inspect/http). Any ideas? Thanks, John

[Michael-Gibbons]

@jfk86d Are you by chance using a paid ngrok account? If so you may have to terminate the tunnel using shopify app tunnel stop then shopify app serve I don't believe the cli currently accounts for non-expiring tunnels so you have to manually switch it by stopping the ngrok process.

[jfk86d]

Hi Michael-Gibbons, thank you for the fast reply. I am using a free ngrok account. Process I went through was to start ngrok, copy new address, edit .env and the URLs on the App Setup page. Then run the shopify app serve command.

[cwhitwelldev]

@jfk86d - did you ever find a solution to this?

[jfk86d]

Hi @cwhitwelldev, I was not successful and have abandoned working on this.

[cwhitwelldev]

Not sure if this will be helpful to anyone, but I had this issue when creating an app with post-purchase page extension, and managed to fix the issue by doing the following

• Create new app using the shopify CLI . yarn create @shopify/app (don't run the app yet)
• Create extension yarn generate extension
• Start app from within extension directory. cd extensions/my-extension/; yarn dev

I think this process works because using an extension forces you to run the dev server using a tunnel (e.g ngrok). So if anyone else has this blank page issue, try simply running it with a tunnel to see if the issue gets resolved.

[github-actions[bot]]

This issue is stale because it has been open for 60 days with no activity. It will be closed if no further action occurs in 14 days.

[github-actions[bot]]

We are closing this issue because it has been inactive for a few months. This probably means that it is not reproducible or it has been fixed in a newer version. If it’s an enhancement and hasn’t been taken on since it was submitted, then it seems other issues have taken priority.

If you still encounter this issue with the latest stable version, please reopen using the issue template. You can also contribute directly by submitting a pull request– see the CONTRIBUTING.md file for guidelines

Thank you!