Debug your app
Aim: Debug within the live app editor’s developer console to diagnose and fix issues that arise during development, leveraging Naia Build’s one-click fix capability for common console errors.
Procedure
-
Switch to the built-in developer console in the below the live app editor.
This console shows runtime logs, warnings, and errors generated as you interact with your application in the live preview.
-
Trigger the error.
Interact with your application in the live app editor as an end user would. Fill in forms, navigate between pages, trigger data loads. Reproduce the scenario that causes the issue. Watch the console for errors or unexpected output.
-
Ask Naia Build to explain the current logic in the affected area.
Understanding what the code does before changing it reduces the risk of introducing new issues.
-
Use one-click Try to Fix It with Naia.
When Naia Build detects a console error during run mode interaction, it presents the error in the Chat tab alongside a Try to Fix It with Naia button. Select this to automatically pass the error context to Naia and receive a targeted fix, without having to manually copy and paste error messages.
-
Validate the fix in the live app editor.
After applying any fix, return to the live app editor and reproduce the original scenario. Confirm the error no longer appears in the console and the expected behavior is restored.
| Use the History tab to create a mental checkpoint before attempting a complex bug fix. Note the version number before you start, so you can revert cleanly if the fix introduces new problems. |
Results
-
You have identified and resolved console errors using the developer console and Naia Build’s one-click fix capability.
-
You have validated the fix against the original scenario in the live app editor, and the application is in a stable, working state.