/bubble-tutorials

How to debug errors in Bubble

Learn how to debug errors in Bubble with clear steps, tips, and tools to quickly identify issues, fix workflows, and improve app performance.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to debug errors in Bubble

The fastest way to debug errors in Bubble is to use the built‑in Debugger in “Run as… debug\_mode=true”, check the Issue Checker, review step‑by‑step workflow execution, and look at Browser Console logs and Server Logs for backend workflow issues. Most Bubble errors come from missing data, failing conditions, privacy rules blocking data, or API responses not matching your setup.

 

Use the Bubble Debugger

 

Open your app in preview and add ?debug\_mode=true to the URL. Click elements to see their data and use “Step‑by‑step” to watch each workflow action run. This helps you see exactly where something stops.

  • Blue boxes show what data an element currently has.
  • Workflow steps turn green or red depending on whether they run or get skipped.

 

Check Privacy Rules

 

A very common issue: you think your data doesn’t exist, but actually your privacy rules hide it. In the debugger, if a field is blank even though it exists in the database, your privacy rules are blocking it.

  • Temporarily relax rules to confirm the cause.
  • Never test in “Run as admin” only — test as a normal user.

 

Check the Issue Checker

 

Bubble’s left‑side Issue Checker tells you missing fields, broken expressions, or datatype mismatches. Fixing these usually removes hidden runtime errors.

 

Use the Browser Console

 

For front‑end errors (especially API calls or plugins), open your browser’s Console (F12). If Bubble says “An unhandled error occurred,” the console often shows the real error message.

  • Useful for plugin errors.
  • Useful for API calls returning invalid JSON.

 

Check Server Logs (Backend Workflows)

 

If a backend workflow fails, open Logs → Server logs to see each action, its returned data, and any errors. For API workflows, this shows the exact request and error message.

 

// Example of a malformed JSON error you may see in logs
{
  "status": "error",
  "message": "Invalid JSON in response" 
}

 

Verify API Connector Responses

 

Most API errors happen because the API response fields don’t match what Bubble expects. Use “Initialize call” again after any change to fix field definitions.

  • Check that required headers (like Authorization) are correct.
  • Check that dynamic values are not empty.

 

Test with the “Reveal Empty Fields” Option

 

In the debugger, click “Reveal empty fields.” If something you depend on is empty, that’s usually the cause — missing data or condition failing.

 

Inspect Conditions

 

Most workflows fail because conditions are not met. Hover the little i icon in the debugger to see why a step didn’t run (“This action did not run because…”).

  • Incorrect “Only when” expressions are very common.
  • Check for datatype mismatches like text vs number.

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences