运行 Electron 包应用程序时出现黑屏 - 如何调试？

Question

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

有问题的应用是本教程的产物：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();

chromium devTools 现在应该出现在侧面，您将能够看到正在发生的错误。