Unable to build a new Gatsby project via the CLI using Apple Silicon (M1)

[mrpbennett]

Description

I am unable to build a new project using the CLI on M1 MBP, as the build process crashes during installing plugins

Steps to reproduce

run npm init Gatsby on a M1 Mac

Expected result

Should build without any issues

Actual result

I get the following error in my terminal:

Main error ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8

✔ Created site from template
✔ Installed Gatsby
❯ Installing plugins...
npm ERR! code 1
npm ERR! path /Users/paul/Desktop/our_wedding/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! CC(target) Release/obj.target/nothing/../node-addon-api/nothing.o
npm ERR!   LIBTOOL-STATIC Release/nothing.a
npm ERR!   TOUCH Release/obj.target/libvips-cpp.stamp
npm ERR!   CXX(target) Release/obj.target/sharp/src/common.o
npm ERR! info sharp Downloading https://github.com/lovell/sharp-libvips/releases/download/v8.10.5/libvips-8.10.5-darwin-arm64v8.tar.br
npm ERR! ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8
npm ERR! info sharp Attempting to build from source via node-gyp but this may fail due to the above error
npm ERR! info sharp Please see https://sharp.pixelplumbing.com/install for required dependencies
npm ERR! warning: /Library/Developer/CommandLineTools/usr/bin/libtool: archive library: Release/nothing.a the table of contents is empty (no object file members in the library define global symbols)
npm ERR! ../src/common.cc:24:10: fatal error: 'vips/vips8' file not found
npm ERR! #include <vips/vips8>
npm ERR!          ^~~~~~~~~~~~
npm ERR! 1 error generated.
npm ERR! make: *** [Release/obj.target/sharp/src/common.o] Error 1
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
npm ERR! gyp ERR! stack     at ChildProcess.onExit (/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:369:20)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Darwin 20.3.0
npm ERR! gyp ERR! command "/opt/homebrew/Cellar/node/15.12.0/bin/node" "/opt/homebrew/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd /Users/paul/Desktop/our_wedding/node_modules/sharp
npm ERR! gyp ERR! node -v v15.12.0
npm ERR! gyp ERR! node-gyp -v v7.1.2
npm ERR! gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/paul/.npm/_logs/2021-03-28T20_31_50_266Z-debug.log
Command failed with exit code 1: npm install --loglevel error --color always --legacy-peer-deps gatsby-plugin-gatsby-cloud gatsby-plugin-image gatsby-plugin-react-helmet gatsby-plugin-sitemap gatsby-plugin-manifest gatsby-plugin-sharp gatsby-transformer-sharp gatsby-source-filesystem react-helmet
npm ERR! code 1
npm ERR! path /Users/paul/Desktop
npm ERR! command failed
npm ERR! command sh -c create-gatsby

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/paul/.npm/_logs/2021-03-28T20_31_50_316Z-debug.log

Environment

21:32:05 in ~/Desktop took 1m 6s
> node -v
v15.12.0

21:32:29 in ~/Desktop
> npm -v
7.6.3

[ascorbic]

Hey. You can try installing libvips manually. If you have homebrew, run brew install vips. Sharp just released v0.28.0 which includes better M1 support, but until then it needs to build libvips on install. When that fails, you may need to install it manually.

[mrpbennett]

Thanks @ascorbic ill give that a go.

[BrandonNoad]

I ran into the same issue and brew install vips resolved it for me. Thanks!

[productiveme]

I tried brew update and brew install vips but then I'm blocked with Failed to download resource "gcc". Any more tips?

[LekoArts]

The manual installation isn't needed anymore now: lovell/sharp#2460 (comment)