I am having issues when trying to install using the npm i command

[itsforren]

I am having issues when trying to install using the npm i command. I have a M1 Mac Mini. I have installed Python and Homebrew. Not sure what else to do. I am very new to this, so it could be a very easy mistake that I am not aware of.

\W$npm i
npm ERR! code 1
npm ERR! path /Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas
npm ERR! command failed
npm ERR! command sh -c node-pre-gyp install --fallback-to-build
npm ERR! Failed to execute '/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release/canvas.node --module_name=canvas --module_path=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v102' (1)
npm ERR! node-pre-gyp info it worked if it ends with ok
npm ERR! node-pre-gyp info using [email protected]
npm ERR! node-pre-gyp info using [email protected] | darwin | arm64
npm ERR! node-pre-gyp info check checked for "/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release/canvas.node" (not found)
npm ERR! node-pre-gyp http GET https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v102-darwin-unknown-arm64.tar.gz
npm ERR! node-pre-gyp ERR! install response status 404 Not Found on https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v102-darwin-unknown-arm64.tar.gz
npm ERR! node-pre-gyp WARN Pre-built binaries not installable for [email protected] and [email protected] (node-v102 ABI, unknown) (falling back to source compile with node-gyp)
npm ERR! node-pre-gyp WARN Hit error response status 404 Not Found on https://github.com/Automattic/node-canvas/releases/download/v2.8.0/canvas-v2.8.0-node-v102-darwin-unknown-arm64.tar.gz
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 ok
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.8.2 found at "/Library/Developer/CommandLineTools/usr/bin/python3"
npm ERR! gyp info spawn /Library/Developer/CommandLineTools/usr/bin/python3
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args '/usr/local/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args 'binding.gyp',
npm ERR! gyp info spawn args '-f',
npm ERR! gyp info spawn args 'make',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/config.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/usr/local/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/Users/jameswarren/Library/Caches/node-gyp/17.4.0/include/node/common.gypi',
npm ERR! gyp info spawn args '-Dlibrary=shared_library',
npm ERR! gyp info spawn args '-Dvisibility=default',
npm ERR! gyp info spawn args '-Dnode_root_dir=/Users/jameswarren/Library/Caches/node-gyp/17.4.0',
npm ERR! gyp info spawn args '-Dnode_gyp_dir=/usr/local/lib/node_modules/npm/node_modules/node-gyp',
npm ERR! gyp info spawn args '-Dnode_lib_file=/Users/jameswarren/Library/Caches/node-gyp/17.4.0/<(target_arch)/node.lib',
npm ERR! gyp info spawn args '-Dmodule_root_dir=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas',
npm ERR! gyp info spawn args '-Dnode_engine=v8',
npm ERR! gyp info spawn args '--depth=.',
npm ERR! gyp info spawn args '--no-parallel',
npm ERR! gyp info spawn args '--generator-output',
npm ERR! gyp info spawn args 'build',
npm ERR! gyp info spawn args '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! /bin/sh: pkg-config: command not found
npm ERR! gyp: Call to 'pkg-config pixman-1 --libs' returned exit status 127 while in binding.gyp. while trying to load binding.gyp
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: gyp failed with exit code: 1
npm ERR! gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:259:16)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:520:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Darwin 20.6.0
npm ERR! gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "configure" "--fallback-to-build" "--module=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release/canvas.node" "--module_name=canvas" "--module_path=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release" "--napi_version=8" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v102"
npm ERR! gyp ERR! cwd /Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas
npm ERR! gyp ERR! node -v v17.4.0
npm ERR! gyp ERR! node-gyp -v v8.4.1
npm ERR! gyp ERR! not ok
npm ERR! node-pre-gyp ERR! build error
npm ERR! node-pre-gyp ERR! stack Error: Failed to execute '/usr/local/bin/node /usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js configure --fallback-to-build --module=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release/canvas.node --module_name=canvas --module_path=/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas/build/Release --napi_version=8 --node_abi_napi=napi --napi_build_version=0 --node_napi_label=node-v102' (1)
npm ERR! node-pre-gyp ERR! stack at ChildProcess. (/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/@mapbox/node-pre-gyp/lib/util/compile.js:89:23)
npm ERR! node-pre-gyp ERR! stack at ChildProcess.emit (node:events:520:28)
npm ERR! node-pre-gyp ERR! stack at maybeClose (node:internal/child_process:1090:16)
npm ERR! node-pre-gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
npm ERR! node-pre-gyp ERR! System Darwin 20.6.0
npm ERR! node-pre-gyp ERR! command "/usr/local/bin/node" "/Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/.bin/node-pre-gyp" "install" "--fallback-to-build"
npm ERR! node-pre-gyp ERR! cwd /Users/jameswarren/Desktop/DESKTOP/NFT/CODE FILES/generative-art-node-main/node_modules/canvas
npm ERR! node-pre-gyp ERR! node -v v17.4.0
npm ERR! node-pre-gyp ERR! node-pre-gyp -v v1.0.5
npm ERR! node-pre-gyp ERR! not ok

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/jameswarren/.npm/_logs/2022-02-02T16_36_24_158Z-debug-0.log
\W$

[Lenarp]

I am also having this issue!

[itsforren]

Do you also have a mac m1? @Lenarp

[Lenarp]

@itsforren I have a mac m1 pro - I found that downloading an earlier version of node.js seemed to work (version 14.18.2 to be exact). it flagged some "vulnerabilities" but otherwise ran.

[JunlieCaliso]

same problem it doesnt recognize npm

[ADAMBATKOART]

it tells me that the hashlips_art_engine-main.npmrc is missing

[HowRadOuyang]

I am on a Mac M1 on Monterey v12.1 and am stuck at the same error repeatedly until just now. Try the following steps first. If you have tried it already and they didn't work, scroll down.

1. Go to your project directory and run the following in your terminal: npm install to install all dependencies you will need, which include canvas. You should be able to see the folder canvas under node_modules under your project directory if canvas is downloaded successfully.
2. If an error shows up, try in your terminal npm i canvas or yarn add canvas.

If the terminal still shows an error, try these steps:

1. Make sure you installed xcode first. You can install it with Homebrew;
2. Use Rosetta to open Terminal;
3. Reinstall node.js - you can follow the instructions here;
4. After reinstalling node.js, go to your project directory and run the following in your terminal: npm install canvas, and you should see canvas installed successfully;
5. If no error pops up after these steps, run node index.js, and you should see a newly created build folder with your images being generated.

This worked out and fixed my errors. I hope this helps!

[ffarall]

I have an M1 Pro MacBook Pro, and I had the same issue. Rolling back to node 14.19.0 did the trick for me. Thanks @Lenarp!

@itsforren I have a mac m1 pro - I found that downloading an earlier version of node.js seemed to work (version 14.18.2 to be exact). it flagged some "vulnerabilities" but otherwise ran.