I'm trying to deploy a firebase function to my firebase project that use puppeteer, I have it working on my local machine, but when it tries running on firebase I get this error:

我正在尝试将一个Firebase函数部署到使用Pupeteer的FireBase项目中，我让它在我的本地计算机上运行，但当它尝试在FireBase上运行时，我收到以下错误：

"Exception from a finished function: Error: Could not find expected browser (chrome) locally. Run `npm install` to download the correct Chromium revision (1045629)."

I've saw other people online saying to use the --no-sand box flag, which I have already tried but it's still throwing this error

我在网上看到其他人说要使用--no-沙箱标志，我已经尝试过了，但它仍然抛出这个错误

This is my code for initializing puppeteer:

这是我初始化puppeteer的代码：

  browser = await puppeteer.launch({
    headless: true,
    args: ["--no-sandbox", "--disable-setuid-sandbox"],
  });

The node version is set to 16 in my package.json and puppeteer is version 19.0.0

在我的Package.json中，节点版本设置为16，而puppeteer的版本为19.0.0

I would greatly appreciate any help! Thanks!

如有任何帮助，我将不胜感激！谢谢!

I ran into the same issue and was able to resolve it by installing puppeteer at the earlier 18.2.1 version (npm i [email protected]). I think the error is a result of this -> https://pptr.dev/guides/configuration/

我遇到了同样的问题，并能够通过安装较早的18.2.1版本(NPM I[电子邮件受保护])的木偶操纵者来解决它。我认为错误是由以下原因造成的->https://pptr.dev/guides/configuration/

I ran into similar problem on M1 Mac. Puppeteer could not find Chrome because Firebase Functions run on linux, and puppeteer downloaded only Mac version.

我在M1Mac上遇到了类似的问题。Pupeteer找不到Chrome，因为Firebase功能在Linux上运行，而Pupeteer只下载了Mac版本。

I moved puppeteer's cache into project folder to make sure it is included into the build package, and set up a script to automatically download Chrome for linux on every deploy.

我将Pupeteer的缓存移到了项目文件夹中，以确保它包含在构建包中，并设置了一个脚本来在每次部署时自动下载Chrome for Linux。

.puppeteerrc.cjs. Moved cacheDirectory to the project folder.

.puppeteerrc.cjs。已将cacheDirectory移至项目文件夹。

const { join } = require('path');

/**
* @type {import("puppeteer").Configuration}
*/
module.exports = {
  cacheDirectory: join(__dirname, '.cache', 'puppeteer'),
};

util/puppeteer-downloader.js. This script downloads Chrome specific for the installed puppeteer version and places it into cacheDirectory specified above.

Util/puppeteer-downloader.js.此脚本下载特定于已安装的木偶剧版本的Chrome，并将其放入上面指定的cacheDirectory中。

const { PUPPETEER_REVISIONS } = require('puppeteer-core');
const { install } = require('@puppeteer/browsers');
const config = require('../.puppeteerrc.cjs');
    
const buildId = PUPPETEER_REVISIONS.chrome;
const cacheDir = config.cacheDirectory;

async function downloadChrome(platform) {
  console.log('Installing Chrome version', buildId, 'for platform', platform, 'to', cacheDir);
  try {
    await install({ platform, browser: 'chrome', buildId, cacheDir });
    console.log('Chrome installed successfully');
  } catch (err) {
    console.error('Chrome installation failed', err);
    throw err;
  }
}

(async () => {
  await downloadChrome('linux');
})().catch(() => process.exit(1));

firebase.json. Clears .cache folder to make sure only linux version is installed. Otherwise other versions also will be included into deploy package, bloating it and wasting Firebase storage and bandwidth quotas.

Firebase.json。清除.cache文件夹以确保仅安装了Linux版本。否则，其他版本也将被包括在部署包中，使其膨胀并浪费Firebase存储和带宽配额。

{
  "functions": [
    {
      "source": ".",
      "codebase": "default",
      "ignore": [
        "node_modules",
        ".git",
        "firebase-debug.log",
        "firebase-debug.*.log"
      ],
      "predeploy": [
      "tsc",
      "rm -rf .cache",
      "node ./util/puppeteer-downloader.js"
      ]
    }
  ]
}

This can be improved further to avoid re-downloading Chrome every time, but this is good enough for me for now.

这可以进一步改进，以避免每次重新下载Chrome，但这对我来说已经足够好了。

Packages:

套餐：

- firebase-functions: 4.4.1
- puppeteer: 21.1.1