解决 node-canvas 失败问题

[Aarebecca]

如果在安装依赖阶段出现 node-canvas 无法安装的问题（通常是由于使用了 ARM 架构的 CPU 导致），请根据下列方法进行排查

不使用 pnpm (ref: https://devzilla.io/using-nodejs-14-with-mac-silicon-m1)

一、前置环境检查

安装 nvm

二、执行安装

1. 打开终端
2. 执行 arch (应当会返回 arm64)
3. 执行 arch -x86_64 zsh
4. 再次执行 arch (应当会返回 i386)
5. 安装 node 14

nvm install 14

6. 切换 node 版本

nvm use 14

三、尝试安装

npm i

使用pnpm

因为 pnpm 要求 node 版本大于 14，所以需要安装下列步骤解决

一、前置环境检查

开始前，请检查本地环境：

• node: >= 16
• pnpm: >= 8

二、安装系统依赖 (ref: https://github.com/Automattic/node-canvas/blob/master/Readme.md)

OS	Command
OS X	brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman
Ubuntu	sudo apt-get install build-essential libcairo2-dev libpango1.0-dev libjpeg-dev libgif-dev librsvg2-dev
Fedora	sudo yum install gcc-c++ cairo-devel pango-devel libjpeg-turbo-devel giflib-devel
Solaris	pkgin install cairo pango pkg-config xproto renderproto kbproto xextproto
OpenBSD	doas pkg_add cairo pango png jpeg giflib
Windows	See the wiki
Others	See the wiki

macOS 用户还需要执行命令： xcode-select --install
国内 macOS 使用 homebrew 安装之前，建议设置源，否则安装过程可能会非常漫长（甚至长达几个小时）
可供使用的源：中科大 清华

完成上述操作后，再次尝试安装依赖

pnpm i

三、从源码编译 (ref: https://github.com/Automattic/node-canvas/wiki/Installation%3A-Mac-OS-X)

如果上述步骤仍无法正常安装，请安装下面方法编译

安装 pkg-config

在终端中分别执行以下命令

curl https://pkg-config.freedesktop.org/releases/pkg-config-0.28.tar.gz -o pkgconfig.tgz
tar -zxf pkgconfig.tgz && cd pkg-config-0.28
./configure && make install

安装 Pixman

在终端中分别执行以下命令

curl -L http://www.cairographics.org/releases/pixman-0.30.0.tar.gz -o pixman.tar.gz
tar -zxf pixman.tar.gz && cd pixman-0.30.0/
./configure --prefix=/usr/local --disable-dependency-tracking
make install

安装 Cairo

在终端中分别执行以下命令

curl -L http://www.cairographics.org/releases/cairo-1.12.18.tar.xz -o cairo.tar.xz
tar -xf cairo.tar.xz && cd cairo-1.12.18
./configure --prefix=/usr/local --disable-dependency-tracking
make install

添加环境变量：

export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig

再次安装

打开新的终端(或者环境变量生效后)，再次执行：

pnpm i