node-gyp rebuild fails during npm install canvas

[상황]

mac에서 패키지 설치(npm install ||  yarn)시 오류.

npm ERR! canvas@1.2.1 install: node-gyp rebuild
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the canvas@1.2.1 install script.
npm ERR! This is most likely a problem with the canvas package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node-gyp rebuild

 

[원인]

canvas 앱에서 X11 을 사용하는데, mac에서 더 이상 기본 지원 하지 않아 별도로 설치해줘야한다.

[참고](https://support.apple.com/en-us/HT201341)

 

[해결]

1) https://www.xquartz.org/ < -사이트에서 필요한 라이브러리를 설치한다.

2) 환경변수 설정

    * 사용하는 터미널 환경변수 파일이나 루트 환경변수 파일에 아래 구문 추가 & 적용

    * 저는 .bash_profile에 적용했다.

export PKG_CONFIG_PATH=/usr/local/lib/pkgconfig:/opt/X11/lib/pkgconfig
source .bash_profile

 

[참고]

XQuartz는 X.Org X 서버의 오픈 소스 버전으로, macOS에서 실행되는 X Window System(X11 또는 간단히 X로 축약되며 때로는 비공식적으로 X-Windows)의 구성 요소다. 공식적으로 Apple의 내부 X11 앱을 대체했다. XQuartz를 사용하면 GUI용 X11을 사용하는 플랫폼 간 응용 프로그램을 macOS에서 실행할 수 있으며, 그 중 상당수는 macOS용으로 특별히 설계되지 않았다.