Skip to main content

​
1. Background

Before you learn how to debug YiDA pages, keep the following in mind:
  1. YiDA is currently built on the JavaScript ecosystem.
  2. YiDA is currently built on the React ecosystem.
  3. YiDA’s component system is currently based on Fusion, an open-source component library from Alibaba Group.

​
2. Debug JavaScript

Chrome is the recommended browser for debugging code. For step-by-step guidance, refer to this article (English) or this article (Chinese).

​
3. Debug React

Debug with React Devtools. For detailed instructions, see this article.

​
4. Debug JS Code Written in the Action Panel

(1) Open the developer console. On macOS, press Cmd + Option + I, or right-click and select “Inspect”. On Windows, press F12, or right-click and select “Inspect”. (2) Add the debugger keyword in your code to set a breakpoint for console debugging. (3) On mobile devices, use alert() to display values for troubleshooting. (4) If an error appears in the console, click page.js to enter source code debugging directly. (5) In the console, press Cmd/Ctrl + P and search for page.js to enter source code debugging. (6) For more debugging methods, see https://developers.aliwork.com/docs/guide/concept/debug.