"waitForSelector" tamat masa sebelum elemen kelihatan, walaupun elemen itu berada pada skrin

Question

Saya sedang membina bot daftar keluar tetapi saya menghadapi masalah dengan pop timbul "masukkan nombor telefon anda untuk menerima mesej teks" bodoh di mana elemen yang saya suruh bot klik muncul pada skrin tetapi bot tidak klik padanya. Ini adalah projek pertama saya menggunakan JavaScript dan saya tidak tahu apa yang saya lakukan dan saya sedang belajar banyak semasa saya pergi, tetapi saya benar-benar terperangkap di sini dan tidak dapat mencari apa yang saya lakukan salah.

async function regectingnumber(page) {
    try {
        console.log("拒绝号码")
        //await waitForTimeout(2000)
        //await page.setDefaultNavigationTimeout(60000);
        console.log("等待中...")
        await page.waitForSelector('button[class= css-10e85z4 errp0sa0]', {timeout:60000})
         console.log("等待中...")
         await page.evaluate(() => document.getElementsByClassName('button css-10e85z4 errp0sa0')[0].click());
        console.log("号码已输入！");
        //await page.click('button[class="css-yq30jm e5ippug0"]');
        //console.log("号码已拒绝！");
    } catch (err) {
        console.error(err);
    }
}

Ini hanyalah sebahagian kecil daripada kod, saya mengalami ralat pada bahagian ini kerana saya tidak dapat menghantar kod penuh atau ia akan dilihat sebagai spam.

Answer 1

Pemilih anda salah, sila tukar

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

untuk

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

Untuk menggunakannya untuk tindakan klik, anda boleh menyimpannya dalam pembolehubah:

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

Lihat https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector untuk menggunakan pemilih dalam konsol.