Puppeteer 错误错误：节点不可见或不是 HTMLElement

Question

我对 Puppeteer 很陌生（使用 JS）。 我用await 等搜索并测试了一堆解决方案。 但我仍然无法选择并单击我想要的位置。 （填充输入工作正常）
（PS：我正在尝试自动填写此网站供个人使用）
如果你想重现我的代码：

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({ headless: false, slowMo: 50 });
    const page = await browser.newPage();
    await page.goto('https://www.eatthismuch.com/');

    //Menu Vege
    await page.click('#main_container > div > div.home_generator_box.container > div.row.generator_header_div > div.generator_header.col-12.col-md-10.offset-md-1.col-lg-8.offset-lg-2 > div.preset_selector_div > ul > li:nth-child(3) > a')

    //Iam not sure
    page.click('#not_sure_button')

    await page.waitForNavigation();
    page.click('#c56_goal > label:nth-child(1)')
    //Prefered unit

    await page.$eval('#height-secondary', el => el.value = '180');
    await page.$eval('#weight', el => el.value = '70');
    await page.$eval('#age', el => el.value = '22');

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

我想顺便点击一下蓝色标签： https://i.stack.imgur.com/R8vEV.png

Answer 1

你做得很好。

您的脚本也没有问题。 当您单击Lose weight 按钮时，您只需要await。 就像这将是最终的脚本：

//Menu Vege
await page.click('#main_container > div > div.home_generator_box.container > div.row.generator_header_div > div.generator_header.col-12.col-md-10.offset-md-1.col-lg-8.offset-lg-2 > div.preset_selector_div > ul > li:nth-child(3) > a')

//Iam not sure
await page.click('#not_sure_button')

await page.evaluate(()=>document.querySelector('input[value=L]').click())
//Prefered unit

让我知道这是否有效。我在这里看不到任何问题:)