錯誤：找不到選擇器的節點：#email

Question

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://discord.com/register');
  await page.screenshot({path: 'b.png'});
  await page.click('#email');
  await page.keyboard.sendCharacter('EMAIL');
  //await page.type('#email', 'World', {delay: 100});
  //await page.type('#username', 'World', {delay: 100});
  //await page.type('#password', 'World', {delay: 100});
  await page.screenshot({path: 'example.png'});
  await browser.close();
})();

這是在https://discord.com/register頁面上。 該字段的名稱明確命名為“電子郵件”，但它似乎不存在。

Answer 1

#email選擇一個id="email"的元素。 這是電子郵件輸入：

<input class="inputDefault-_djjkz input-cIJ7To" name="email" type="email" placeholder="" aria-label="Email" maxlength="999" value="">

那里沒有 ID 屬性，您需要name="email" 。 用

page.click("[name='email']")