node.js - 为什么 Electron/React 应用程序卡住并且没有将错误发送到日志？

Question

我有一个带有加载屏幕的 Electron/React 应用程序。绝大多数情况下，当我犯错时，应用程序会将错误发送到 Node 或控制台，我可以进行调试。但是由于某些错误，应用程序将在加载屏幕上卡住，根本没有记录。例如，如果我添加

const t = 5;
const t = 5;

至 src/renderer/app/actiontypes.js我没有收到通常的“Uncaught SyntaxError”消息，我必须非常仔细地阅读代码以找出问题所在。

以下是应用程序的加载方式:

main.js

app.on('ready', async () => {
    await installExtensions();
    createLoadingScreen();
    ipcMain.on('robot-load-finished', () => {
        mainWindow.show();
    ...

index.js

function run() {
    ipcRenderer.send('robot-load-finished');
    ...
loadRobotModels().then(run);

有人为什么会这样吗？谢谢你。

Answer 1

通过在 Webstorm 中设置 chromium 远程调试配置来修复此问题。如果您有同样的问题并且您使用 Webstorm，希望 this tutorial也会帮助你。

其他两个选项是使用 VSCode or node-inspector .但是，node-inspector 与最新版本的 Node 不兼容，并且由于 Node 的新 --inspect，整个模块似乎被放弃了。旗帜。 Electron 团队计划增加对 --inspect 的支持。标志，这里是 the ticket to watch .