javascript - 如何从附加到 Puppeteer 页面的 pageerror 监听器捕获错误？

Question

我正在使用 Puppeteer 编写预渲染器。

我正在添加一项功能，允许用户切换正在呈现的页面中的错误是否应导致预呈现停止(通过在发生这种情况时拒绝 promise )。

我的问题是我无法捕获被拒绝的 promise 。

这是我的代码:

async getMarkup(route) {
    const s = this.useHttps === true ? 's' : '';
    const url = `http${s}://localhost:${this.port}${route}`;
    const page = await this.browser.newPage();

    page.on('pageerror', function(err) {
      console.log(err);
      reject(err);
    });

    try {
      await page.goto(url, {timeout: 60000});
      if (this.waitForElement !== null) {
        await page.waitForSelector(this.waitForElement, {timeout: 60000});
      }
      return await page.content();
    } catch (err) {
      throw err;
    }
  }

我通过在脚本中有意语法错误的路由上调用它来测试它。

处理程序已附加，但我无法捕捉到被拒绝的 promise 。这是( chop 的)输出:

[Error: TypeError: (intermediate value).noSuchMethod is not a function
    at window.onload (https://localhost:3005/error_in_js.html:19:41)]
(node:61704) UnhandledPromiseRejectionWarning: ReferenceError: reject is not defined
    at Page.<anonymous> (/Users/andy/repos/ewh-open-source/spa-prerenderer/index.js:164:7)
    at Page.emit (events.js:321:20)
    at Page._handleException (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/puppeteer/lib/Page.js:526:10)
    at CDPSession.<anonymous> (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/puppeteer/lib/Page.js:123:60)
    at CDPSession.emit (events.js:321:20)
    at CDPSession._onMessage (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/puppeteer/lib/Connection.js:200:12)
    at Connection._onMessage (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/puppeteer/lib/Connection.js:112:17)
    at WebSocket.<anonymous> (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/puppeteer/lib/WebSocketTransport.js:44:24)
    at WebSocket.onMessage (/Users/andy/repos/ewh-open-source/spa-prerenderer/node_modules/ws/lib/event-target.js:120:16)

我尝试了几种不同的方法，包括将处理程序包装在新的 promise 中，将其分配为匿名异步函数，然后调用它，但产生了类似的结果。

我猜我可能会按照我的计划去做，但也许我是从错误的方向来的。无论如何，我们将不胜感激地提供任何帮助。

编辑#1:

如果我将行 reject(err) 切换为 throw err，会发生类似的事情，尽管输出详细信息较少 UnhandledPromiseRejectionWarning :

[Error: TypeError: (intermediate value).noSuchMethod is not a function
    at window.onload (https://localhost:3000/error_in_js.html:19:41)]
(node:16112) UnhandledPromiseRejectionWarning
(node:16112) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:16112) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Answer 1

resolve 或 reject 应该在 promise 中使用以具有功能(例如 Promise.resolve)。此外，

new Promise((resolve, reject) => setTimeout(resolve, 1000))
//and
new Promise((x, y) => setTimeout(x, 1000))

是一样的，所以你需要有一个reject的 promise 才有意义。

在 catch 之后，您将再次抛出错误。除非您在 getMarkup 之外的其他地方捕获它，否则您会看到相同的警告。

try {
    await page.goto(url, {timeout: 60000});
    if (this.waitForElement !== null)
        await page.waitForSelector(this.waitForElement, {timeout: 60000});
    return await page.content();
} catch (err) {
    //HERE
    console.error(err.message);
}

最后，如果错误发生在网页的 Javascript 中，我会建议在页面中使用 window.onerror 事件。您可以找到更多信息 here .