Puppeteer在Render生产环境无法运行，安装Chrome仍未解决

以下是针对问题的具体排查和解决方法：

1. 调整部署命令的执行逻辑 #

确保浏览器安装命令在应用启动前执行，同时规避系统目录权限问题：

• 修改部署命令为：PUPPETEER_CACHE_DIR=./.puppeteer-cache npx puppeteer browsers install chrome && npm start
  • 将浏览器缓存目录指定到项目内部，避免系统目录/opt/render/.cache/puppeteer的权限限制

2. 显式指定Chrome可执行路径 #

手动配置Chrome路径，避免Puppeteer自动查找失败：

• 先在部署日志中执行npx puppeteer browsers list，获取Chrome的实际安装路径（例如./.puppeteer-cache/chrome/linux-122.0.6261.69/chrome）
• 修改代码中的启动配置：

  async function getReadableContent(url) {
      try {
          const browser = await puppeteer.launch({
              headless: true,
              executablePath: './.puppeteer-cache/chrome/linux-122.0.6261.69/chrome' // 替换为实际路径
          });
          // 剩余代码保持不变
      } catch (error) {
          console.error('Error fetching and extracting content:', error.message);
          return null;
      }
  }
  

• 也可以用Puppeteer内置方法自动获取路径：

  const { executablePath } = require('puppeteer');
  
  async function getReadableContent(url) {
      try {
          const browser = await puppeteer.launch({
              headless: true,
              executablePath: executablePath()
          });
          // 剩余代码保持不变
      } catch (error) {
          console.error('Error fetching and extracting content:', error.message);
          return null;
      }
  }
  

3. 切换为Puppeteer Core #

全量Puppeteer可能与部署环境存在冲突，改用轻量版依赖：

• 执行依赖替换命令：npm uninstall puppeteer && npm install puppeteer-core
• 部署命令保留npx puppeteer browsers install chrome，代码中仍需指定executablePath

4. 清理Render构建缓存 #

Render默认缓存node_modules，可能导致浏览器缓存未更新：

• 进入项目的Render部署设置，勾选「Clear build cache」选项，重新触发部署

5. 验证Chrome安装状态 #

在部署脚本中添加验证步骤，确认Chrome是否安装成功：

• 修改部署命令为：npx puppeteer browsers install chrome && google-chrome --version && npm start
• 查看部署日志，若输出Chrome版本号则说明安装成功；若失败，根据日志中的错误信息进一步排查

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