运行 电子包应用程序时黑屏 - 如何调试？

Question

我使用 Electron Packager 成功打包并 运行 了一个 Electron 项目（桌面聊天应用程序），没有出现任何错误。但是，我只是在启动时得到一个空白 window，没有编码到应用程序中的用户名表单。由于没有调试日志，我不确定该去哪里。有人可以帮我弄清楚如何调试应用程序并弄清楚为什么没有渲染吗？

有问题的应用程序是这个优秀教程的产物：https://medium.freecodecamp.org/build-a-desktop-chat-app-with-react-electron-and-chatkit-744d168e6f2f

我希望我能提供更多信息...

Answer 1

正确配置您的 main.ts 并使用以下代码扩展您的 BrowserWindow：

win = new BrowserWindow({
    webPreferences: {
      devTools: true
    }
});

win.webContents.openDevTools();

chrome devTools 现在应该出现在旁边，您将能够看到发生的错误。