My app shows a blank screen. What do I do?
Published
What does this error usually look like?
The preview or the published link opens, but nothing appears, no text and no buttons. Sometimes the tool shows a red warning or a button to try to fix the error automatically.
What should you paste into the AI?
Copy the text below, replace what’s in brackets and send it in the chat of the tool you’re using.
The app shows a blank screen. Nothing appears.
This started after I asked: [the last request you made].
The error message that appears is:
[paste the whole message; if none appears, write "no message appears"]
Find out what is stopping the app from opening and fix it, changing only what's necessary. Then tell me in one sentence what the problem was.Why does this happen?
The app is a set of instructions that the browser follows from top to bottom. If one of them is wrong right at the start, the browser stops and never draws anything on the screen. That’s the blank screen.
The most common causes are a recent change that broke another part of the app, a piece of code the AI forgot to create, or a piece of information the app expected to find and didn’t.
What if it doesn’t get fixed?
If the screen is still blank after two or three attempts, go back to the last version that worked, using the tool’s version history. Then ask again for the change that caused the problem, in smaller parts.
Messages like Cannot read properties of undefined or is not defined are common in this case. You don’t need to understand them. Just copy them in full to the AI.
Frequently asked questions
Where do I find the error message?
The tool usually shows the error near the preview, in red or in a warnings panel. If you can't find it, tell the AI. In most tools it can look for the error on its own.
Should I click the automatic fix button?
You can try it once. If the error comes back or a different one appears, stop and use the prompt on this page, which gives the AI more context.