Zenn
🖼️

M1 macでcanvas系のライブラリを使った際のエラー

2023/03/14に公開
Next.js
React
M1
tech

実行環境

  • M1 Macbook air
  • node v18.12.1
  • "canvas": "^2.11.0"
  • "react": "18.2.0"

問題: M1 Macでcanvas系ライブラリのインストールが失敗する

以下のようにエラーが発生し、インストールが失敗してしまう。

Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build --update-binary
中略
Package pixman-1 was not found in the pkg-config search path.
Perhaps you should add the directory containing `pixman-1.pc'
to the PKG_CONFIG_PATH environment variable
No package 'pixman-1' found
gyp: Call to 'pkg-config pixman-1 --libs' returned exit status 1 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 (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:284:16)
gyp ERR! stack     at ChildProcess.emit (node:events:513:28)
gyp ERR! stack     at ChildProcess._handle.onexit (node:internal/child_process:291:12)
gyp ERR! System Darwin 22.2.0
node-pre-gyp ERR! node -v v18.12.1
node-pre-gyp ERR! node-pre-gyp -v v1.0.10
node-pre-gyp ERR! not ok

対処法

現在(2023/03/13)では、arm64版のpixmanが存在するので、brew install pixmanを行うことで解決する。

参考サイト

https://qiita.com/TakahiroOta/items/980372dd85cf4e2f5516

Discussion