Cypress在Electron中随机出现Chrome DevTools协议重连错误求助

问题描述 #

执行Cypress受控测试时，完成部分测试后Electron浏览器会随机弹出如下错误：

There was an error reconnecting to the Chrome DevTools protocol.
Please restart the browser.

测试在Google Chrome中运行无异常，但因AWS配置限制必须使用Electron，且该错误会导致测试中断。

可行修复方案 #

• 升级Cypress至最新版本：旧版本Cypress与内置Electron的兼容性问题是常见诱因，执行npm install cypress@latest完成升级，新版本会同步适配兼容的Electron版本，修复已知的协议通信bug。
• 禁用Electron沙箱模式：部分环境下Electron沙箱会干扰DevTools协议连接，在cypress.config.js中添加配置关闭沙箱：

  const { defineConfig } = require('cypress');
  
  module.exports = defineConfig({
    e2e: {
      setupNodeEvents(on, config) {
        on('before:browser:launch', (browser, launchOptions) => {
          if (browser.name === 'electron') {
            launchOptions.preferences.webPreferences.sandbox = false;
          }
          return launchOptions;
        });
      },
    },
  });
  

• 减少测试并发/禁用并行测试：并行执行时Electron实例过多易导致资源耗尽，引发连接中断。先尝试禁用并行测试验证：

  module.exports = defineConfig({
    e2e: {
      parallel: false,
      numTestsKeptInMemory: 0, // 减少内存占用
    },
  });
  

• 清理Cypress缓存：缓存文件损坏可能引发异常，执行npx cypress cache clear清除缓存后重新运行测试。
• 增加Electron内存分配：内存不足会导致DevTools连接断开，在启动参数中调整内存限制：

  on('before:browser:launch', (browser, launchOptions) => {
    if (browser.name === 'electron') {
      launchOptions.args.push('--max-old-space-size=4096'); // 分配4GB内存，可按需调整
    }
    return launchOptions;
  });
  

内容的提问来源于stack exchange，提问作者wiinan renan