Konva를 Next에 도입하던 도중 해당 에러가 발생했습니다. 깃허브 konva 레포에 들어가서 Issue에 해당 부분을 검색한 결과 m1 이슈입니다.
M1 네이티브는 node15에서 캔버스의 바이너리 버전을 릴리스하지 않습니다. 따라서 캔버스를 설치하면 소스코드에서 자동으로 컴파일이 되지만 해당 종속성을 설치하지 않으면 오류를 보고하게 됩니다.
그래서 종속성을 설치해주어야 합니다.
arch -arm64 brew install pkg-config cairo pango jpeg giflib librsvg
를 실행해줍니다. 해당 명령어는 CPU에 대한 정보를 업데이트할 때 사용합니다.
node-canvas에서 컴파일링 관련해서 제공하는 커맨드입니다.
https://github.com/Automattic/node-canvas/blob/master/Readme.md
GitHub - Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
Node canvas is a Cairo backed Canvas implementation for NodeJS. - GitHub - Automattic/node-canvas: Node canvas is a Cairo backed Canvas implementation for NodeJS.
github.com
해당 명령어를 실행하고나면 잘 됩니다.
'Web > Library' 카테고리의 다른 글
| [Konva] Next에서 Konva사용하기 (0) | 2022.03.09 |
|---|---|
| [D3] D3 Enter Update Exit with React (0) | 2022.03.07 |
| [라이브러리] npm 라이브러리 악성코드, 디스코드 토큰 탈환 (0) | 2022.02.25 |
| [라이브러리] faker.js color.js 라이브러리는 어디갔을까? (0) | 2022.02.24 |
| [Recoil-rendering] Recoil에서의 같은 값 렌더링 방지 (0) | 2022.02.22 |