[Bug]: Canvas + Puppeteer with the buildpack on Heroku throws "node: symbol lookup error: undefined symbol: pango_fc_font_map_set_default_substitute"

[davidjuhyung]

Bug description

Steps to reproduce the problem:

1. Run any NodeJS application with Puppeteer and Canvas libraries on Heroku
2. Get node: symbol lookup error: /app/node_modules/canvas/build/Release/canvas.node: undefined symbol: pango_fc_font_map_set_default_substitute error
3. The weird thing about this only if I add the buildpacks and the puppeteer library, I get the error from the canvas side. One more thing, this only occurs on Heroku. Locally, both Puppeteer and Canvas are happy.

Puppeteer version

^13.5.2

Node.js version

v16.14.2

npm version

8.5.0

What operating system are you seeing the problem on?

macOS

Relevant log output

2022-04-16T07:34:18.778588+00:00 heroku[worker.1]: Starting process with command `ts-node src/index.js`
2022-04-16T07:34:19.453355+00:00 heroku[worker.1]: State changed from starting to up
2022-04-16T07:34:31.203061+00:00 heroku[worker.1]: Process exited with status 127
2022-04-16T07:34:31.261587+00:00 heroku[worker.1]: State changed from up to crashed
2022-04-16T07:34:31.008100+00:00 app[worker.1]: node: symbol lookup error: /app/node_modules/canvas/build/Release/canvas.node: undefined symbol: pango_fc_font_map_set_default_substitute

[stale]

We're marking this issue as unconfirmed because it has not had recent activity and we weren't able to confirm it yet. It will be closed if no further activity occurs within the next 30 days.

[stale]

We are closing this issue. If the issue still persists in the latest version of Puppeteer, please reopen the issue and update the description. We will try our best to accomodate it!