Skip to main content

​
Overview

Debugging within a YiDA app means troubleshooting and resolving issues with custom components so that their features better meet your business needs. Custom component debugging offers two modes: simple debugging and app integration debugging.

​
Simple Debugging

In the low-code component designer, click Preview to test basic attribute configurations such as text, boolean, and number. Change an attribute’s value to observe the effect.
Note: Use app integration debugging mode in the following scenarios:
  1. Any attribute or configuration related to functions cannot be tested in simple debugging mode.
  2. Components tied to the organization or the app—such as image upload or people picker—cannot be tested in simple debugging mode.

​
App Integration Debugging

During custom component development, any configuration effect related to function must be verified through app integration debugging. This includes inspecting return values and viewing output from console.log() calls inside functions. Steps:
  1. Create a test app.
  2. Go to App Settings >> Component Management >> locate the component you developed >> click Install >> select “0.1.0 (Development version, component changes sync in real time)” >> click Install. (See the figure below.)
  3. After installation, open the page designer, click the component panel, click Custom Component, and drag the newly installed component into the page designer. Any changes made in the component designer are reflected in the page designer in real time. (See the figure below.)
  1. Do not debug components in a live production app, as doing so may affect the live app.
  2. If your component does not appear in the custom component panel, check whether the installation scope is correct.