由于篇幅限制,本文书接上回。对于普通的electron程序,使用vscode进行调试的时候,需要配置一个文件,叫做.vscode/launch.json。在官方的调试范例中,launch.json文件中,一共定义了两种调试模式。一个是用于调制主进程的,另外一个是用于调试渲染进程的。

苏南大叔:vscode 如何断点调试普通 electron 程序?渲染进程调试篇 - vscode-electron-renderer
vscode 如何断点调试普通 electron 程序?渲染进程调试篇(图10-1)

配置好之后,主进程调试可以顺利被断点,但是渲染进程会报错。本文就是解决渲染进程断点调试的问题的。当然,这里需要说明的是,渲染进程的调试并不是完美的。即使本文中的问题都得到了解决,也是有天然的缺陷的。

vscode调试renderer报错信息

对于后者Debug Renderer Process,可能会出现下面的报错:

Configured debug type 'chrome' is not supported.

苏南大叔:vscode 如何断点调试普通 electron 程序?渲染进程调试篇 - renderer-error
vscode 如何断点调试普通 electron 程序?渲染进程调试篇(图10-2)

完整的launch.json

综上所述,完整的launch.json如下所示:

newsn.net:这里是【评论】可见内容

结束语

更多electron的相关文章,请点击苏南大叔的博客。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron    vscode

本站的忠实读者小伙伴,正在阅读下面这些文章: