即使元素在屏幕上，waitForSelector 也会超时

Question

我正在构建一个结账机器人，但我遇到了一些愚蠢的“输入文本的电话号码”弹出窗口，我告诉机器人点击的元素出现在屏幕上，但机器人不会点击它。这是我在 javascript 上的第一个项目，我不知道我在做什么，我有点像你现在开始编码一样学习，我学到了很多东西，但我真的被困在这里，我找不到我做错了什么。

async function regectingnumber(page) {
    try {
        console.log("Rejecting number")
        //await waitForTimeout(2000)
        //await page.setDefaultNavigationTimeout(60000);
        console.log("waiting...")
        await page.waitForSelector('button[class= css-10e85z4 errp0sa0]', {timeout:60000})
         console.log("waiting...")
         await page.evaluate(() => document.getElementsByClassName('button css-10e85z4 errp0sa0')[0].click());
        console.log("Number entered!");
        //await page.click('button[class="css-yq30jm e5ippug0"]');
        //console.log("Number rejected!");
    } catch (err) {
        console.error(err);
    }
}

这只是代码的一小部分，我特别在这部分出错，因为它不会让我发布完整的东西而不称之为垃圾邮件

Answer 1

你的selector错了，换一个

await page.waitForSelector('button[class= css-10e85z4 errp0sa0]', {timeout:60000})

到

await page.waitForSelector('button.css-10e85z4.errp0sa0', {timeout:60000})

要将其用于点击，您可以将其存储到变量中：

const myButton = await page.waitForSelector('button.css-10e85z4.errp0sa0', {timeout:60000});
await myButton.click();

参见 https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector 在控制台中使用选择器。