為什么Electron / React應用程序凍結並且沒有向日志發送錯誤？

Question

我有一個帶有加載屏幕的Electron / React應用程序。 在大多數情況下，當我犯錯時，應用程序會將錯誤發送到Node或控制台，並且可以調試。 但是由於某些錯誤，該應用程序將凍結在加載屏幕上，而根本不會進行任何日志記錄。 例如，如果我添加

const t = 5;
const t = 5;

到src/renderer/app/actiontypes.js我沒有收到通常的“ Uncaught SyntaxError”消息，我必須非常仔細地閱讀代碼src/renderer/app/actiontypes.js出問題所在。

應用程序的加載方式如下：

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中設置Chrome遠程調試配置來解決此問題。 如果您遇到相同的問題並且使用Webstorm，則希望本教程也能對您有所幫助。

另外兩個選項是使用VSCode或node-inspector 。 但是，node-inspector與最新版本的Node不兼容，並且由於Node的新--inspect標志，整個模塊似乎都被放棄了。 電子團隊正計划增加對--inspect標志的支持，這是要看的票 。