Puppeteer报错：无法读取undefined的innerText属性，求解决

问题原因分析 #

你遇到的错误本质是Puppeteer执行代码时目标元素尚未加载完成，或者链式选择器中某个环节返回了undefined，导致后续读取innerText失败。而Chrome控制台能正常运行，是因为你手动等待页面完全渲染后才执行代码，Puppeteer则是自动执行，缺少等待逻辑。此外你的选择器写法也存在两处问题：

1. getElementsByClassName传入多类名时，会被当作一个完整的类名（而非多类交集），无法正确匹配元素；
2. querySelectorAll的第二个参数不是额外选择器，你的写法无效，应该将span整合到主选择器中。

修复方案 #

以下是优化后的代码，核心解决了元素等待、选择器正确性和错误防护三个问题：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false }); // 可开启headless:false查看页面状态
  const page = await browser.newPage();
  
  // 模拟真实浏览器UA，避免被亚马逊拦截
  await page.setUserAgent('Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36');
  
  // 等待页面网络请求基本结束再继续
  await page.goto('https://www.amazon.com/s?k=macbook+pro&ref=nb_sb_noss', { waitUntil: 'networkidle2' });

  try {
    // 等待目标元素加载完成，超时时间设为5秒
    await page.waitForSelector('.s-result-item.s-asin .a-size-base.puis-light-weight-text.s-link-centralized-style span', { timeout: 5000 });

    const raters = await page.evaluate(() => {
      // 分步获取元素，每一步都做存在性检查
      const resultItem = document.querySelector('.s-result-item.s-asin');
      if (!resultItem) return '未找到结果项';
      
      const ratingSpan = resultItem.querySelector('.a-size-base.puis-light-weight-text.s-link-centralized-style span');
      return ratingSpan ? ratingSpan.innerText : '未找到评分元素';
    });

    console.log('获取到的评分文本:', raters);
  } catch (error) {
    console.error('爬取失败:', error.message);
  } finally {
    await browser.close();
  }
})();

关键优化点说明 #

• 等待元素加载：用page.waitForSelector确保目标元素存在后再执行获取逻辑，避免因未渲染完成导致的undefined；
• 选择器简化：用querySelector替代getElementsByClassName，更精准匹配多类交集的元素；
• 错误防护：分步获取元素并添加存在性检查，或者使用可选链操作符?.（需确保Chrome版本支持），避免链式调用直接报错；
• 反爬适配：设置真实UA，降低被亚马逊反爬机制拦截的概率。

内容的提问来源于stack exchange，提问作者vismodo