会员管理实战教程09-低码中的调试方法

Posted 2022-02-23 低代码布道师

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了会员管理实战教程09-低码中的调试方法相关的知识，希望对你有一定的参考价值。

微搭低代码从入门到精通

第一章总体介绍
第二章数据源介绍
第三章首页开发
第四章用户登录及注册
第五章权限设计
第六章生命周期函数及自定义方法介绍
第七章页面跳转
第八章低码中操作数据库

前言

作为一名程序员，熟悉自己的开发工具，并能熟练的调试程序是必备的技能。低码开发也不例外，本篇教程就讲解一下在低码中如何进行调试程序。

一、熟练使用控制台

要想调试程序，就得了解我们有哪些途径可以进行调试。不同于传统开发工具支持断点调试，低码工具是在线的开发工具，只能通过控制台输出信息来进行调试。

打开应用编辑器，点击控制台的图标

展开控制台后，点击商家按钮，发现控制台有报错信息

但是控制台的信息不明确，只是提示有错，没有明确提出来错在了哪里，也不好定位。

二、使用实时预览进行调试

如果控制台的报错信息不明确的，我们可以点击导航栏的实时预览图标

实时预览貌似和我们在编辑器里看到的效果不一样，这是因为在浏览器里它是按照PC端的大小渲染的。我们可以先打开浏览器的开发者工具，我这里推荐使用谷歌浏览器，打开速度快也方便调试。

开发者工具的快捷键是F12，打开之后可以看到有一个调试窗口

点那个手机的图标就把模式切换成了手机版，这样效果就和编辑器的一致了。

这次在浏览器里点击商家按钮，看一下报错信息

红颜色的就表示程序有错误，需要解决，我们看一下错误：

contentRener.tsx:207 Action error: [tap] ReferenceError: $app is not defined
    at _callee$ (VM681 navigate:44:13)
    at c (babel.min.js:1:873088)
    at Generator._invoke (babel.min.js:1:872841)
    at Generator.forEach.e.<computed> [as next] (babel.min.js:1:873445)
    at asyncGeneratorStep (VM681 navigate:9:103)
    at _next (VM681 navigate:11:194)
    at VM681 navigate:11:364
    at new Promise (<anonymous>)
    at Proxy.<anonymous> (VM681 navigate:11:97)
    at Proxy._ref2 (VM681 navigate:71:16)