UnhandledPromiseRejectionWarning：错误：评估失败

Question

我正在尝试使用 puppeteer 和 datalayer-puppeteer 库来自动化网站上的 GTM 容器测试。到目前为止，我已经编写了这个简单的代码：

const puppeteer = require('puppeteer');
const dataLayer = require('puppeteer-datalayer');

(async () => {

    // Automate here
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    const containerId = "GTM-5LDMPBF";



    await page.goto('https://www.example.com');
    await page.click('#header > nav > div.main-navigation > a');
    const dataLayerPuppeteer = new dataLayer(page, containerId);
    console.log(await dataLayerPuppeteer.history());


    await browser.close(); 
})();

问题是当我运行它时，出现以下错误：UnhandledPromiseRejectionWarning: E​​rror: Evaluation failed: dataLayer is not defined。 dataLayer 应该被定义并且可见。我应该以某种方式等待声明还是有其他方法可以解决这个问题？

Answer 1

问题在于您正在单击主导航中的链接。如果您单击该链接，puppeteer 不会等待后续页面加载。这意味着您正在尝试在页面仍在加载时读取 dataLayer。 如果您删除链接单击进行测试，它可以工作：

const puppeteer = require('puppeteer');
const dataLayer = require('puppeteer-datalayer');

(async () => {

    // Automate here
    const browser = await puppeteer.launch({headless: false});
    const page = await browser.newPage();
    const containerId = "GTM-5LDMPBF";

    await page.goto('https://www.ifortuna.sk');
    // await page.click('#header > nav > div.main-navigation > a');

    const dataLayerPuppeteer = new dataLayer(page, containerId);
    console.log(await dataLayerPuppeteer.history);

    await browser.close(); 
})();

另一个小问题：dataLayerPuppeteer.history 是一个 getter，所以它必须写成 dataLayerPuppeteer.history 而不是 dataLayerPuppeteer.history() （文档没有提到，我会补充一下；））

Answer 2

我只是尝试在您的代码中添加一些 try-catch，也许它可以帮助您处理错误

   const puppeteer = require('puppeteer');
const dataLayer = require('puppeteer-datalayer');

(async () => {
    try {
    // Automate here
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    const containerId = "GTM-5LDMPBF";



    await page.goto('https://www.ifortuna.sk');
    await page.click('#header > nav > div.main-navigation > a');
    const dataLayerPuppeteer = new dataLayer(page, containerId);
    console.log(await dataLayerPuppeteer.history());


    await browser.close(); 
    }
    catch (e) {
        console.error(e);
    } finally {
        console.log('We do cleanup here');
    }
})();