使用VSCode的Electron渲染器过程

fxnxkyjh  于 11个月前  发布在  Electron
关注(0)|答案(1)|浏览(110)

我尝试了这个文档--Electron debugging (main and renderer process)--但遇到了一个问题。
我一个接一个地浏览了指南,直到 “1.将renderer.js的内容更新到” in “渲染器进程的文件” 部分。
但是当我尝试 “2. While your debug session is." 时,VSCode显示如下图像,我无法将调试器附加到Electron进程。
图片中的列表显示了我的浏览器的选项卡,但没有对应于主调试器启动的电子进程的选项。
我该如何解决这个问题?
x1c 0d1x的数据

ycl3bljg

ycl3bljg1#

我也遇到了这个问题。看起来,Chrome渲染器需要时间来连接到渲染器进程。当它连接时,渲染器中的脚本已经被执行了。
我通过在renderer.js中延迟脚本执行来解决这个问题,如下所示:

async function main() {
  const { ipcRenderer, remote } = require('electron');
  const isDevelopment = require('electron-is-dev');

  console.log(process.env);

  if (isDevelopment) {
    // this is to give Chrome Debugger time to attach to the new window 
    await new Promise(r => setTimeout(r, 1000));
  }

  // breakpoints should work from here on,
  // toggle them with F9 or just use 'debugger'
  debugger;

  // ...
}

main().catch(function (error) {
  console.log(error);
  alert(error);
});

字符串
我有a customized version最小电子应用程序,它解决了这个问题和其他一些问题,我面临的时候,我开始开发电子。

相关问题