Puppeteer 的 chromium 打开时出现错误并停止 puppeteer 脚本

Question

我正在尝试在我的系统上设置 puppeteer。我遵循了许多不同的教程和指南，但我一直遇到这个问题。 Chromium 似乎无法正确打开。以下内容基于我遵循的指南之一的示例测试。

我从铬得到的错误：

CLI 上的错误消息：

(node:17168) UnhandledPromiseRejectionWarning: Error: Page crashed!
    at Page._onTargetCrashed (C:\Users\dgros\Documents\Git\test\pup\node_modules\puppeteer\lib\Page.js:215:24)
    at CDPSession.Page.client.on.event (C:\Users\dgros\Documents\Git\test\pup\node_modules\puppeteer\lib\Page.js:123:56)
    at CDPSession.emit (events.js:198:13)
    at CDPSession._onMessage (C:\Users\dgros\Documents\Git\test\pup\node_modules\puppeteer\lib\Connection.js:200:12)
    at Connection._onMessage (C:\Users\dgros\Documents\Git\test\pup\node_modules\puppeteer\lib\Connection.js:112:17)
    at WebSocketTransport._ws.addEventListener.event (C:\Users\dgros\Documents\Git\test\pup\node_modules\puppeteer\lib\WebSocketTransport.js:44:24)
    at WebSocket.onMessage (C:\Users\dgros\Documents\Git\test\pup\node_modules\ws\lib\event-target.js:120:16)
    at WebSocket.emit (events.js:198:13)
    at Receiver.receiverOnMessage (C:\Users\dgros\Documents\Git\test\pup\node_modules\ws\lib\websocket.js:789:20)
    at Receiver.emit (events.js:198:13)
(node:17168) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function wit
hout a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:17168) [DEP0018] DeprecationWarning: Unhandled promise 

我跟随的指南来自：https://www.youtube.com/watch?v=IvaJ5n5xFqU

我已经安装了 node.js 的 10.16.0 版本和 puppeteer 的 1.19.0 版本

我安装了 puppeteer：

npm i puppeteer

我使用以下命令从 Git Bash 运行的示例测试：“node index.js”：

const puppeteer = require('puppeteer');

(async function main() {
    try {

        const browser = await puppeteer.launch({ headless: false, ignoreDefaultArgs: ['--disable-extensions'], devtools: true});
        const page = await browser.newPage();

        page.setUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36')

        await page.goto('https://experts.shopify.com');

        await page.waitForNavigation();

        console.log('its showing');

    } catch (e) {
        console.log('our error', e);
    }
})();

同样的错误产生于：

const puppeteer = require('puppeteer');

(async function main() {
    try {
        const browser = await puppeteer.launch({ headless: false, ignoreDefaultArgs: ['--disable-extensions'], devtools: true});
        const page = await browser.newPage();

    } catch (e) {
        console.log('our error', e);
    }
})();

当我省略带有“browser.newPage()”的行时，铬“Aw，Snap！”错误仍然存​​在，但 UnhandledPromiseRejectionWarning 错误消息消失。

预期：chromium 打开，导航到“https://experts.shopify.com”，等待它加载，然后将“它的显示”打印到 Git Bash CLI。

实际情况：chromium 打开时出现错误，并向 Git Bash CLI 输出一条错误消息，没有其他任何反应。

为什么 Chromium 打开时出错？如何让脚本运行并按预期运行？

Answer 1

您的问题似乎是由异步编排问题引起的（请参阅issue 和issue）。

为了解决这个问题，您可以尝试使用以下两种解决方案之一：

解决方案 1

await Promise.all([
    page.goto('https://experts.shopify.com'),
    page.waitForNavigation()
]);

解决方案 2

const waitForNavigation = page.waitForNavigation();
await page.goto('https://experts.shopify.com');
await waitForNavigation;

希望对你有帮助！