Debuggingbeginner
Fix a Blank Page
A diagnostic prompt for a page that renders nothing at all.
When to use it
Emergency debugging
Lovable Prompt
A page in my project renders completely blank. Help me diagnose it systematically. Here is what I know: - The page is [URL OR ROUTE]. - The browser console shows: [PASTE THE FIRST ERROR, NOT THE LAST]. - It [does / does not] happen on other pages. - It started after [WHAT CHANGED]. Check in this order: 1. Is there a JavaScript error preventing render? Read the first error. 2. Is a data request failing or returning nothing, with no empty state to handle it? 3. Is the route defined and matching what the navigation links point to? 4. Is something referenced before it exists, or imported from a file that does not export it? Explain what you found before fixing it.
Build your version of this prompt
Fill in your details and the prompt below updates as you type. Anything you skip stays as a square-bracket placeholder so you can see what's still missing.
Your prompt
A page in my project renders completely blank. Help me diagnose it systematically. Here is what I know: - The page is [Url or route]. - The browser console shows: [Paste the first error, not the last]. - It [does / does not] happen on other pages. - It started after [What changed]. Check in this order: 1. Is there a JavaScript error preventing render? Read the first error. 2. Is a data request failing or returning nothing, with no empty state to handle it? 3. Is the route defined and matching what the navigation links point to? 4. Is something referenced before it exists, or imported from a file that does not export it? Explain what you found before fixing it.
3 fields still empty — the prompt works better when they're filled in.
How to use this prompt
- Fill in the fields above — plain language beats jargon.
- Copy the prompt and paste it into Lovable as a single message.
- Let it finish before you send anything else, then read what changed.
- If the result is close but not right, describe the difference rather than restating the whole prompt.
Suggested follow-up prompt
Review what you just built for Fix a Blank Page. 1. List anything you changed that I did not ask for, and undo it. 2. Check it works on a 375px-wide phone screen: no horizontal scrolling, tap targets at least 44px. 3. Confirm every form shows a clear error and a clear success state. 4. Tell me in plain language what is still missing before this is safe to publish. Do not add new features in this step.
Why it works
It orders the checks by likelihood and asks for an explanation, which prevents blind changes.
Was this prompt helpful?
Related questions
You might also need
- GuideHow to Fix Row Level Security ErrorsA diagnostic order for permission errors: privileges, policy existence, policy logic, then session state.
- GuideHow to Debug a Lovable ProjectA repeatable debugging loop: reproduce, isolate, read the actual error, change one thing, verify.
- AnswerWhy is Lovable chat stuck loading?Chat usually gets stuck loading due to a network blip, a very large/complex request, or a backend timeout. Refresh first, then check the console before resending the same prompt.
- AnswerHow do I fix a Lovable build error?Read the exact error message and file it points to, paste it back to Lovable, and let it fix that specific error rather than describing the symptom vaguely.
Guides that use this prompt
TroubleshootingTroubleshooting
How to Fix Row Level Security Errors
A diagnostic order for permission errors: privileges, policy existence, policy logic, then session state.
intermediate 9 minChecked 24 Aug 2026
TutorialTroubleshooting
How to Debug a Lovable Project
A repeatable debugging loop: reproduce, isolate, read the actual error, change one thing, verify.
beginner 9 minChecked 24 Aug 2026
