vscode调试electron系列文章第二篇，主要讲述：electron主进程调试的可能问题及其解决方案。本文的前提是您已经设置好了.vscode/launch.json文件。该配置文件的设置方法，详见文末相关链接。

苏南大叔：vscode 如何断点调试普通 electron 程序？主进程调试篇 - electron-main
vscode 如何断点调试普通 electron 程序？主进程调试篇（图3-1）

本文测试环境：mac/electron@3.0/quick-start。

loadfile函数bug，导致调试时显示错误主页

可能存在的一个问题是：在使用vscode对electron进行主进程调试的时候，可能出现的一个问题就是：显示的页面是默认页面，而不是自己编写的index.html。例如下图所示：

苏南大叔：vscode 如何断点调试普通 electron 程序？主进程调试篇 - loadfile-bug
vscode 如何断点调试普通 electron 程序？主进程调试篇（图3-2）

这个问题的根源并不是因为vscode调试的缘故，但是确由vscode调试而暴露。所以，就暂时归属在这个文章里面吧。产生问题的原因，应该是electron函数loadfile的bug。具体可以参见下面的这篇文章。

可能产生错误的写法：

mainWindow.loadFile(`index.html`)

因为这个loadFile是3.0系列开始添加的新函数，所以，可能出问题的electron也是从3.0系列开始的，请知悉。

相关链接

总结

electron的loadFile这个bug，仅仅发生在vscode的调试阶段。对于不使用vscode的调试，以及build后的成品，是不会有这个问题的。所以，不必担心会产生更大的问题。

更多苏南大叔的electron的相关文章，请点击下面的链接查看：

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

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

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

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

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