Fix Endless Loading
For a spinner that never resolves — usually a request that never completes or a state that never updates.
When to use it
Emergency debugging
A screen in my project shows a loading spinner forever. Route: [ROUTE] What it loads: [DESCRIBE THE DATA] Diagnose in this order: 1. Does the network request complete? What status and body does it return? 2. If it returns an error, is the error being swallowed so the loading state never clears? 3. Is the loading state cleared in every path, including the failure path? 4. Is a condition waiting on something that will never arrive, such as a session that is not present? Fix the real cause, then make sure the loading state always resolves into either content, an empty state or a readable error.
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.
A screen in my project shows a loading spinner forever. Route: [Route] What it loads: [Describe the data] Diagnose in this order: 1. Does the network request complete? What status and body does it return? 2. If it returns an error, is the error being swallowed so the loading state never clears? 3. Is the loading state cleared in every path, including the failure path? 4. Is a condition waiting on something that will never arrive, such as a session that is not present? Fix the real cause, then make sure the loading state always resolves into either content, an empty state or a readable error.
2 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 Endless Loading. 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 targets the specific structural bug — state not cleared on the error path — rather than the symptom.
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
How to Fix Row Level Security Errors
A diagnostic order for permission errors: privileges, policy existence, policy logic, then session state.
How to Debug a Lovable Project
A repeatable debugging loop: reproduce, isolate, read the actual error, change one thing, verify.