Puppeteer设置error事件处理器后立即触发，如何排查原因？

解决方案 #

1. 修复事件绑定的致命错误 #

你代码里的核心问题是绑定事件时调用了.call(this)——这会立刻执行回调函数，而不是把它作为事件处理器绑定到error事件上，这就是回调提前触发的原因。

正确的绑定方式要去掉.call(this)：

pupPage.on(
  'error',
  async function (error) { // 新增error参数接收错误对象
    console.log("Error'd");
    console.log("错误详情: ", error.message);
    console.log("错误堆栈: ", error.stack); // 打印堆栈追踪信息

    await reportStatus('WEB_APPLICATION_ERROR', async function () { // 回调需标记为async
      await quit();
    });
  }
);

2. 正确获取错误排查参数 #

Puppeteer的page.error事件回调会传入一个标准Error对象，通过它可以直接获取错误消息、堆栈跟踪等关键数据，完全不需要依赖arguments（在严格模式或箭头函数中arguments可能无法正常工作）。

3. 修复异步回调的语法问题 #

原代码中reportStatus的回调函数里使用了await quit()，但回调本身没有标记为async，这会导致语法错误，必须把回调改为async function。

4. 额外排查手段 #

• 监听page.pageerror事件：这个事件专门捕获页面内部的JavaScript执行错误（和page.error不同，后者更多处理页面实例本身的崩溃类错误）：

pupPage.on('pageerror', (pageError) => {
  console.log("页面内JS错误: ", pageError.message);
  console.log("页面错误堆栈: ", pageError.stack);
});

• 添加浏览器启动参数dumpio: true：可以输出浏览器的标准输出和错误信息，帮助排查底层启动或运行问题：

var launchArgs = {
   headless: false,
   ignoreHTTPSErrors: true,
   dumpio: true // 启用浏览器日志输出
}

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