[GUIDE/FIX] installing on M1 (Apple Silicon) Macs: npm ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8 #204

madebyfabian · 2021-03-21T15:10:53Z

Hello there,
first of all, thank you all for the contributions to this plugin.
But I can't install it on a M1 (Apple Silicon Mac), since one of the Dependencies has to be built manually to make this work.

The Problem

When executing npm install --save-dev @nuxt/image

I get the following error stack:

npm ERR! code 1
npm ERR! path /Users/fabian/Desktop/code/madebyfabian-com/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! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | arm64
npm ERR! gyp info find Python using Python version 3.9.1 found at "/opt/homebrew/opt/[email protected]/bin/python3.9"
npm ERR! gyp info spawn /opt/homebrew/opt/[email protected]/bin/python3.9

and the package is not being installed.

Solution

You have to install "libvps" globally on your mac system to get this plugin to work on your development machine.
You need brew installed to do this.

Install gcc

The "libvps" depends on gcc, so do:

brew install --build-from-source gcc

Install XCode Build Tools CLI

Also required by "libvps"

xcode-select install

Install "vips"

brew install vips

Finally 🥳, install @nuxt/image

npm install --save-dev @nuxt/image

(or use yarn, if you want)

This solution works for me, but I am not an expert in all these dependencies, so if there is anything wrong, please correct it. I would suggest leaving this Issue open until e.g. the dependency get's updated and supports M1 Macs out of the box, so that anyone having the same problem can search and find this issue.

The text was updated successfully, but these errors were encountered:

danielroe · 2021-04-22T14:14:35Z

Thanks for the guide. I'm closing as this should now be fine since sharp 0.28.0 - see https://sharp.pixelplumbing.com/install#apple-m1.

Gompje · 2021-05-26T11:59:29Z

@madebyfabian

I'm still having issues getting things to run on my M1. Wonder if you can help me out?

Existing projects fail, but even a brand new one does when I add @nuxt/image. always on building Sharp.

When I install vips using brew I'm getting Package OpenEXR was not found. When I remove that I'm getting Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8

I'm running all things under arm, so no rosetta. latests versions. The only diff I see with yours is that for some reason npm still wants to run python 2.7, despite having 3.9 and all things set to point to that.

And a diff node version:

gyp info using [email protected]
gyp info using [email protected] | darwin | arm64
gyp info find Python using Python version 2.7.16

Any idea what I'm missing? I feel like I'm running in circles 😖

pi0 · 2021-05-26T13:20:42Z

Hi @Gompje. Sorry hearing inconveniences. Have you tried node-gyp insulation: https://github.com/nodejs/node-gyp#on-macos

Gompje · 2021-05-26T18:24:48Z

// sorry for the long reply, I wrote this during my tests

hi @pi0, I followed the guide. There was indeed an error somehow with my xcode tools when running the acid test. That's resolved now :) sadly the errors still remain.

confirmed the xcode tools are installed and working, following the guide for Catalina. → Command Line Tools version: 12.5.0.0.1.1617976050
re-installed node-gyp globally, and the bundled version in npm
building the sharp module inside the node_modules, yields the same error chain. either vips is not found ../src/common.cc:24:10: fatal error: 'vips/vips8' file not found #include <vips/vips8>, or a dependency isn't found when vips is installed with brew Package OpenEXR was not found in the pkg-config search path. Perhaps you should add the directory containing OpenEXR.pc'`
confirmed arm bottle is runned → Pouring vips--8.10.6_3.arm64_big_sur.bottle.tar.gz

When I run this code in a Ubuntu x86 vm on unraid, everything works as expected. (just to be sure!) I noticed that I do run more recent versions of big sur, xcode, node, python and other packages AND that my npm found Python version seems to be stuck on stock 2.7. (which is honestly driving me crazy). Could it be all just the python config mess that is causing this?

// its not → when I add the --python=python3 flag to the npm install inside the sharp folder; it gives me the same errors.

any ideas? can the version of sharp be bumped to ^.0.28? in nuxt/ipx? I believe its set to ^.0.27.

if I do npm rebuild --verbose sharp it gives me the build errors. but when I do npm rebuild --verbose [email protected] it finishes with ok

When I add [email protected] to my test project, it works. but then when I add @nuxt/image it fails again on wanting to run sharp 0.27.x; in the ipx module. (given it wants 0.27.x)

can I force ipx to use v0.28? Any plans for a bump? For now I guess I can manually bump the version in its package.json locally and see how that goes. it doesn't matter if it does not run perfectly locally (for now), it just has to run.

pi0 · 2021-05-26T18:51:14Z

@Gompje Dependencies updated in [email protected]. It would be probably better if you also recreate lock file and node_modules . Would be nice if you can confirm if it fixed :)

Gompje · 2021-06-07T10:59:11Z

@pi0 finally have some time to test. this is a log.

I added v0.4.11 with yarn
→ getting a fibers exit code 127 error
You have not agreed to the Xcode license agreements ok. so there we have THAT again. sigh!

acid test reveals they are installed
running sudo xcodebuild -license and agree-ing
< repeat >

I am now getting a lot of errors, more than my console can display. 🤔
→ maybe python 2 issue? yes.

running npm install --python=python3 inside the node_modules/sharp folder 🎉 gyp info ok ALLRIGHT!

running dev env in root
→ build error, still defaults to python 2 off course 😠
🤷 trying npm instead
→ gives Nuxt fatal error: Something went wrong installing the "sharp" module .. Cannot find module '../build/Release/sharp.node' 🤔

running npm rebuild --verbose sharp --python=python3
run [email protected]
gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | arm64
gyp verb find Python - version is "3.9.5"
gyp verb install version is good
../src/common.cc:24:10: fatal error: 'vips/vips8' file not found

hmm seems like it's still stuck on v0.27? back to cleaning it is, and changing package.json manually. no go.

BUT
I added the module to a fresh nuxt js install and that seems to run fine now 😄
Given that a bunch of packages where outdated in the main project and even an auto upgrade of all failed, I will now move the content into a fresh install or just try to sync package.json with a fresh install.
Very hopeful v0.411 will work fine in the end.

For now it does seems to run fine on an empty project. Either way I will give feedback when I finished/or get stuck rebuilding.

Let's hope it was just old conflicting packages/code that prevented a decent upgrade.

Gompje · 2021-06-07T11:32:04Z

Update: seems to work 😄
→ synced the packages of the new install with my 'old' site. Now in the process of upgrade @nuxt/image to this new version; was still on 0.0.4!

But it works! 🎉 // with npm.
I did specify the sharp version in package.json, think it was from an earlier attempt. Left it, cannot harm things -- o contraire maybe

it seems to be that it was old node-sass that blocked it, and several eslint version mismatches b/c of to many packages that where upgraded.

enigcreator · 2021-10-05T02:08:05Z

install the latest version of node using
nvm install node
run npm install
solve the issue for me on Mac m1

fabiolnm · 2021-10-10T18:31:58Z

According to #204 (comment) and https://www.powerlifting.stream/posts/gatsby-m1/, I solved it by installing vips using homebrew:

brew install vips

raulfdm · 2021-12-27T14:07:58Z

For the record, If you're trying to npm/yarn install a project and faced this problem, I was able to solve that by simply adding a resolution on my package.json to the sharp version which has compiled binary to M1:

{
  /* Other configs */
  "resolutions": {
    "sharp": "^0.29.0"
  }
}

https://sharp.pixelplumbing.com/install#apple-m1

erkanercan · 2022-05-24T09:23:39Z

Hello there, first of all, thank you all for the contributions to this plugin. But I can't install it on a M1 (Apple Silicon Mac), since one of the Dependencies has to be built manually to make this work.

The Problem

When executing npm install --save-dev @nuxt/image

I get the following error stack:
npm ERR! code 1
npm ERR! path /Users/fabian/Desktop/code/madebyfabian-com/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! gyp info it worked if it ends with ok
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | darwin | arm64
npm ERR! gyp info find Python using Python version 3.9.1 found at "/opt/homebrew/opt/[email protected]/bin/python3.9"
npm ERR! gyp info spawn /opt/homebrew/opt/[email protected]/bin/python3.9
and the package is not being installed.

Solution

You have to install "libvps" globally on your mac system to get this plugin to work on your development machine.

You need brew installed to do this.

Install gcc

The "libvps" depends on gcc, so do:
brew install --build-from-source gcc
Install XCode Build Tools CLI

Also required by "libvps"
xcode-select install
Install "vips"
brew install vips
Finally 🥳, install @nuxt/image
npm install --save-dev @nuxt/image
(or use yarn, if you want)

This solution works for me, but I am not an expert in all these dependencies, so if there is anything wrong, please correct it. I would suggest leaving this Issue open until e.g. the dependency get's updated and supports M1 Macs out of the box, so that anyone having the same problem can search and find this issue.

Still worked for me for an old npm package, nice work!

…). Add missing .gitignore Closes #11

DaveFlashNL · 2022-10-12T11:10:43Z

i've got a similar problem to this, while at this point vips has come out with arm mac support as of v8.10.6, one of my things is trying to npm i install an older version without macos arm support, only problem is, where can i force my install script to use a more current version such as 8.10.6 of sharp libvips?

stolinski · 2022-11-02T22:45:04Z

Just a small note on this issue. With an M1, using

	"resolutions": {
		"sharp": "^0.29.0"
	}

and latest versions of vite-imagetools@next, I was still seeing this issue. The only thing that fixed was the initial posted solution of installing vips via homebrew.

DaveFlashNL · 2022-11-09T10:42:23Z

i was able to fix it by adding --legacy-peer-deps to the node command

erik-villegas · 2023-01-31T20:54:51Z

My error code was slightly different since it included:

env: python: No such file or directory

Adding a symlink so the compile script could locate python fixed it for me:

ln -s -f /usr/local/bin/python3 /usr/local/bin/python

More info here: https://stackoverflow.com/questions/71468590/env-python-no-such-file-or-directory-when-building-app-with-xcode

hoonsubin · 2023-04-21T15:31:52Z

When I run the command brew install --build-from-source gcc, I get the following error:

Error: An exception occurred within a child process:
  NoMethodError: undefined method `issues_url' for nil:NilClass

Searching this error only results in Ruby-related questions (which makes sense, I guess), but I'm not sure what I should do as someone installing the package. The closest answer I got was https://github.com/orgs/Homebrew/discussions/4404
I can try without the --build-from-source flag, but I'm not sure why we need that in this case.
Any suggestions?

IslamWahid · 2023-09-04T11:08:04Z

The official docs shall be updated as it says on M1
Prebuilt sharp and libvips binaries have been provided for macOS on ARM64 since sharp v0.29.0
but that's not the case am getting the error on M2 ARM64 and had to run brew install vips in order to get the package installed

bzpassersby · 2023-11-14T23:15:05Z

For the record, If you're trying to npm/yarn install a project and faced this problem, I was able to solve that by simply adding a resolution on my package.json to the sharp version which has compiled binary to M1:
{
  /* Other configs */
  "resolutions": {
    "sharp": "^0.29.0"
  }
}
https://sharp.pixelplumbing.com/install#apple-m1

Thanks! Adding a resolution for sharp works perfectly for me.

Histamina · 2023-12-16T19:32:10Z

For the record, If you're trying to npm/yarn install a project and faced this problem, I was able to solve that by simply adding a resolution on my package.json to the sharp version which has compiled binary to M1:
{
  /* Other configs */
  "resolutions": {
    "sharp": "^0.29.0"
  }
}
https://sharp.pixelplumbing.com/install#apple-m1

I don't have enough words to thank you. <3

DaveFlashNL · 2024-01-14T13:01:00Z

now i get a new error Package 'vips' requires 'libhwy >= 1.0.5' but version of libhwy is 1.0.4

ahmad-elafify-pci · 2024-01-23T16:40:27Z

For the record, If you're trying to npm/yarn install a project and faced this problem, I was able to solve that by simply adding a resolution on my package.json to the sharp version which has compiled binary to M1:
{
  /* Other configs */
  "resolutions": {
    "sharp": "^0.29.0"
  }
}
https://sharp.pixelplumbing.com/install#apple-m1

i think i love you

danielroe closed this as completed Apr 22, 2021

danielroe reopened this May 17, 2021

pi0 mentioned this issue May 18, 2021

Support squoosh unjs/ipx#31

Closed

danielroe closed this as completed May 19, 2021

eotkd4791 mentioned this issue Nov 17, 2021

윈도우에서 설치하려고 하니 아래의 에러가 나네요 ㅜㅜ JaeYeopHan/gatsby-starter-bee#52

Open

sahilrajthapa mentioned this issue Nov 22, 2021

Unable to install on M1 (Apple Silicon) Mac ionic-team/capacitor-assets#266

Closed

frmachao mentioned this issue Jan 13, 2022

m1 芯片设备本地 run make init 失败 ArcBlock/abtnode-docs#126

Closed

SpenceDiNicolantonio mentioned this issue Jan 24, 2022

NPM Install fails for studio sanity-io/sanity-template-kitchen-sink#34

Open

chrisrueger mentioned this issue Mar 25, 2022

Something went wrong installing the "sharp" module gridsome/gridsome#1621

Open

bad6e mentioned this issue Jun 22, 2022

Can't compile using Apple M1 arm64 dbanksdesign/style-dictionary-dark-mode#6

Open

elrumordelaluz added a commit to elrumordelaluz/outline-stroke-cli that referenced this issue Oct 6, 2022

Add sharp resolutions following this [comment](nuxt/image#204 (comment)…

e94e5ac

…). Add missing .gitignore Closes #11

Tenotea mentioned this issue Nov 16, 2022

Add Team section and Google Analytics ondecentral/ondecentral.com#11

Merged

AbhimanyuAryan mentioned this issue Jan 21, 2023

starter project creation error macbook m1 gridsome/gridsome#1670

Closed

wdanilo mentioned this issue Feb 6, 2023

Developers should be able to build and test desktop IDE on M1 Mac enso-org/enso#4207

Closed

4 tasks

tedw mentioned this issue Feb 12, 2024

darwin-arm64v8 platform error 11ty/eleventy-img#168

Closed

cmgriffing mentioned this issue Feb 20, 2024

Contributor Dependencies in README Vexilla/vexilla#30

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[GUIDE/FIX] installing on M1 (Apple Silicon) Macs: npm ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8 #204

[GUIDE/FIX] installing on M1 (Apple Silicon) Macs: npm ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8 #204

madebyfabian commented Mar 21, 2021

danielroe commented Apr 22, 2021

Gompje commented May 26, 2021

pi0 commented May 26, 2021

Gompje commented May 26, 2021

pi0 commented May 26, 2021 •

edited

Loading

Gompje commented Jun 7, 2021

Gompje commented Jun 7, 2021

enigcreator commented Oct 5, 2021

fabiolnm commented Oct 10, 2021

raulfdm commented Dec 27, 2021 •

edited

Loading

erkanercan commented May 24, 2022

The Problem

Solution

Install gcc

Install XCode Build Tools CLI

Install "vips"

Finally 🥳, install @nuxt/image

DaveFlashNL commented Oct 12, 2022 •

edited

Loading

stolinski commented Nov 2, 2022

DaveFlashNL commented Nov 9, 2022

erik-villegas commented Jan 31, 2023

hoonsubin commented Apr 21, 2023 •

edited

Loading

IslamWahid commented Sep 4, 2023

bzpassersby commented Nov 14, 2023

Histamina commented Dec 16, 2023

DaveFlashNL commented Jan 14, 2024

ahmad-elafify-pci commented Jan 23, 2024

[GUIDE/FIX] installing on M1 (Apple Silicon) Macs: npm ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8 #204

[GUIDE/FIX] installing on M1 (Apple Silicon) Macs: npm ERR! sharp Prebuilt libvips 8.10.5 binaries are not yet available for darwin-arm64v8 #204

Comments

madebyfabian commented Mar 21, 2021

The Problem

Solution

Install gcc

Install XCode Build Tools CLI

Install "vips"

Finally 🥳, install @nuxt/image

danielroe commented Apr 22, 2021

Gompje commented May 26, 2021

pi0 commented May 26, 2021

Gompje commented May 26, 2021

pi0 commented May 26, 2021 • edited Loading

Gompje commented Jun 7, 2021

Gompje commented Jun 7, 2021

enigcreator commented Oct 5, 2021

fabiolnm commented Oct 10, 2021

raulfdm commented Dec 27, 2021 • edited Loading

erkanercan commented May 24, 2022

The Problem

Solution

Install gcc

Install XCode Build Tools CLI

Install "vips"

Finally 🥳, install @nuxt/image

DaveFlashNL commented Oct 12, 2022 • edited Loading

stolinski commented Nov 2, 2022

DaveFlashNL commented Nov 9, 2022

erik-villegas commented Jan 31, 2023

hoonsubin commented Apr 21, 2023 • edited Loading

IslamWahid commented Sep 4, 2023

bzpassersby commented Nov 14, 2023

Histamina commented Dec 16, 2023

DaveFlashNL commented Jan 14, 2024

ahmad-elafify-pci commented Jan 23, 2024

pi0 commented May 26, 2021 •

edited

Loading

raulfdm commented Dec 27, 2021 •

edited

Loading

DaveFlashNL commented Oct 12, 2022 •

edited

Loading

hoonsubin commented Apr 21, 2023 •

edited

Loading