Command failed：node-pre-gyp install --fallback-to-build --update-binary

[da-du]

Steps to Reproduce

When I run yarn, the error is as follows:

warning Error running install script for optional dependency: "/Users/XXX/project/saas-statistics/node_modules/canvas: Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build --update-binary
Arguments: 
Directory: /Users/XXX/project/saas-statistics/node_modules/canvas
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using node-pre-gyp@1.0.10
node-pre-gyp info using node@16.19.0 | darwin | arm64
node-pre-gyp http GET https://github.com/Automattic/node-canvas/releases/download/v2.11.0/canvas-v2.11.0-node-v93-darwin-unknown-arm64.tar.gz
node-pre-gyp ERR! install response status 404 Not Found on https://github.com/Automattic/node-canvas/releases/download/v2.11.0/canvas-v2.11.0-node-v93-darwin-unknown-arm64.tar.gz 
node-pre-gyp WARN Pre-built binaries not installable for canvas@2.11.0 and node@16.19.0 (node-v93 ABI, unknown) (falling back to source compile with node-gyp) 
node-pre-gyp WARN Hit error response status 404 Not Found on https://github.com/Automattic/node-canvas/releases/download/v2.11.0/canvas-v2.11.0-node-v93-darwin-unknown-arm64.tar.gz 
gyp info it worked if it ends with ok
gyp info using node-gyp@9.3.1
gyp info using node@16.19.0 | darwin | arm64
gyp info ok 
gyp info it worked if it ends with ok
gyp info using node-gyp@9.3.1
gyp info using node@16.19.0 | darwin | arm64
gyp info find Python using Python version 3.8.9 found at \"/Library/Developer/CommandLineTools/usr/bin/python3\"
gyp info spawn /Library/Developer/CommandLineTools/usr/bin/python3
gyp info spawn args [
gyp info spawn args   '/Users/XXX/node_modules/node-gyp/gyp/gyp_main.py',
gyp info spawn args   'binding.gyp',
gyp info spawn args   '-f',
gyp info spawn args   'make',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/XXX/project/saas-statistics/node_modules/canvas/build/config.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/XXX/node_modules/node-gyp/addon.gypi',
gyp info spawn args   '-I',
gyp info spawn args   '/Users/XXX/Library/Caches/node-gyp/16.19.0/include/node/common.gypi',
gyp info spawn args   '-Dlibrary=shared_library',
gyp info spawn args   '-Dvisibility=default',
gyp info spawn args   '-Dnode_root_dir=/Users/XXX/Library/Caches/node-gyp/16.19.0',
gyp info spawn args   '-Dnode_gyp_dir=/Users/XXX/node_modules/node-gyp',
gyp info spawn args   '-Dnode_lib_file=/Users/XXX/Library/Caches/node-gyp/16.19.0/<(target_arch)/node.lib',
gyp info spawn args   '-Dmodule_root_dir=/Users/XXX/project/saas-statistics/node_modules/canvas',
gyp info spawn args   '-Dnode_engine=v8',
gyp info spawn args   '--depth=.',
gyp info spawn args   '--no-parallel',
gyp info spawn args   '--generator-output',
gyp info spawn args   'build',
gyp info spawn args   '-Goutput_dir=.'
gyp info spawn args ]
/bin/sh: pkg-config: command not found
gyp: Call to 'pkg-config pixman-1 --libs' returned exit status 127 while in binding.gyp. while trying to load binding.gyp
gyp ERR! configure error 
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/XXX/node_modules/node-gyp/lib/configure.js:325:16)
gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:293:12)
gyp ERR! System Darwin 21.6.0
gyp ERR! command \"/Users/XXX/.nvm/versions/node/v16.19.0/bin/node\" \"/Users/XXX/node_modules/node-gyp/bin/node-gyp.js\" \"configure\" \"--fallback-to-build\" \"--update-binary\" \"--module=/Users/XXX/project/saas-statistics/node_modules/canvas/build/Release/canvas.node\" \"--module_name=canvas\" \"--module_path=/Users/XXX/project/saas-statistics/node_modules/canvas/build/Release\" \"--napi_version=8\" \"--node_abi_napi=napi\" \"--napi_build_version=0\" \"--node_napi_label=node-v93\"
gyp ERR! cwd /Users/XXX/project/saas-statistics/node_modules/canvas
gyp ERR! node -v v16.19.0
gyp ERR! node-gyp -v v9.3.1
gyp ERR! not ok 
node-pre-gyp ERR! build error 
node-pre-gyp ERR! stack Error: Failed to execute '/Users/XXX/.nvm/versions/node/v16.19.0/bin/node /Users/XXX/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --update-binary --module=/Users/XXX/project/saas-statistics/node_modules/canvas/build/Release/canvas.node --module_name=canvas --module_path=/Users/XXX/project/saas-statistics/node_modules/canvas/build/Release --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v93' (1)
node-pre-gyp ERR! stack     at ChildProcess.<anonymous> (/Users/XXX/project/saas-statistics/node_modules/@mapbox/node-pre-gyp/lib/util/compile.js:89:23)
node-pre-gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
node-pre-gyp ERR! stack     at maybeClose (node:internal/child_process:1100:16)
node-pre-gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5)
node-pre-gyp ERR! System Darwin 21.6.0
node-pre-gyp ERR! command \"/Users/XXX/.nvm/versions/node/v16.19.0/bin/node\" \"/Users/XXX/project/saas-statistics/node_modules/canvas/node_modules/.bin/node-pre-gyp\" \"install\" \"--fallback-to-build\" \"--update-binary\"
node-pre-gyp ERR! cwd /Users/XXX/project/saas-statistics/node_modules/canvas
node-pre-gyp ERR! node -v v16.19.0
node-pre-gyp ERR! node-pre-gyp -v v1.0.10
node-pre-gyp ERR! not ok 
Failed to execute '/Users/XXX/.nvm/versions/node/v16.19.0/bin/node /Users/XXX/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --update-binary --module=/Users/XXX/project/saas-statistics/node_modules/canvas/build/Release/canvas.node --module_name=canvas --module_path=/Users/XXX
[5/5] ♻️  Cleaning modules...
success Saved lockfile.
✨  Done in 94.91s.

This is the information for run yarn why canvas：

yarn why v1.22.19
warning ../../package.json: No license field
[1/4] 🤔  Why do we have the module "canvas"...?
[2/4] 🚚  Initialising dependency graph...
warning Lockfile has incorrect entry for "antd@3.10.2". Ignoring it.
[3/4] 🔍  Finding dependency...
[4/4] 🚡  Calculating file sizes...
=> Found "canvas@2.11.0"
info Reasons this module exists
   - "@types#react-pdf#@types#pdfjs-dist#pdfjs-dist" depends on it
   - Hoisted from "@types#react-pdf#@types#pdfjs-dist#pdfjs-dist#canvas"
✨  Done in 0.91s.

Your Environment

• canvas@2.11.0
• node 16.19.0 on Mac OS X 12.5

[jarmitage]

Same issue of 404 at https://github.com/Automattic/node-canvas/releases/download/v2.11.0/canvas-v2.11.0-node-v108-darwin-unknown-arm64.tar.gz

node v18.12.1
macOS 12.6

[jarmitage]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

[da-du]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

But is it the right way to install so many packages?

[mn4367]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

But is it the right way to install so many packages?

It's related to #2036 and other similar issues. Currently it still seems to be impossible to build a self contained version of canvas, so you have to install dependencies by other means.

[Whobeu]

I am running into this myself trying to run with Node.js 18 on Windows. There were no issues upgrading my Linux systems to Node.js 18 and "npm rebuild" worked fine. I am currently using Node.js 16.19.0 on Windows and it works fine. However, I just learned that the Node.js organization has moved the end-of-life for Node.js 16 forward seven months to September 2023, due to the OpenSSL end-of-life, so I realized I needed to look at Node.js 18 sooner than later for Windows.

UPDATE: I found the issue and it is rather odd. On Linux, everything works fine. "npm rebuild" updates the code to the latest Node platform. But on Windows it kept failing. Just for fun, I wiped the node_modules directory and did an "npm i". That worked. The correct node-canvas for Node 18 downloaded.

[Kaisarion]

can reproduce - macbook m1 ventura on a docker container
any fixes? have tried everything from a source build to an npm ci

[Orange-001]

Hey, guys! I also had the same issue. Maybe you can try creating an .npmrc file under the project root path, specifying the mirror address of the canvas, like this: canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas
It worked for me and I hope it helps you.

[LijiaHou]

Hey, guys! I also had the same issue. Maybe you can try creating an .npmrc file under the project root path, specifying the mirror address of the canvas, like this: canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas It worked for me and I hope it helps you.

Wow, bro, you're so cool！ I installed it in the Windows environment for two days without success until I used your method!

[JianLin176]

大家好！我也有同样的问题。也许您可以尝试在项目根路径下创建一个 .npmrc 文件，指定画布的镜像地址，如下所示：canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas
它对我有用，希望对您有所帮助。

it work for me too.

[kddsultan]

In case someone is upgrading to Nodejs v18, upgrade might be the solution

[Yurii397]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

But is it the right way to install so many packages?

Looks it's expected way based on the canvas documentation - https://github.com/Automattic/node-canvas/wiki/Installation%3A-Mac-OS-X

[Whobeu]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

But is it the right way to install so many packages?

Looks it's expected way based on the canvas documentation - https://github.com/Automattic/node-canvas/wiki/Installation%3A-Mac-OS-X

I have several Raspberry's that I use with node-canvas. Finally created myself a tiny bash script to handle it:

#!/bin/bash

read -p "Do you want to install the libraries for node-canvas? " -n 1 -r
echo    # (optional) move to a new line
if [[ $REPLY =~ ^[Yy]$ ]]
then
  echo Installing packages required for installation of node-canvas
  sudo apt-get install build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev
fi

There was a reason the -dev packages were required but I have forgotten.

[335296558]

Fixed for me: brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

Mine is m1, this method helped me solve the problem