question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Install canvas-sketch-cli errors

See original GitHub issue

Hello,

I’m trying to download canvas-sketch-cli using: npm install canvas-sketch-cli --global, but it’s not working. My node is up to date, my npm is up to date, but when I get as far as trying to install canvas-sketch-cli it just hits a LOT of errors:

npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated core-js@2.6.11: core-js@❤️ is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. ^[[A⸨ ░░░░░░░░░░░░░░░⸩ ⠸ fetchMetadata: sill resolveWithNewModule crypto-rando/Users/jordanbelmont/.npm-packages/bin/canvas-sketch -> /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/src/index.js /Users/jordanbelmont/.npm-packages/bin/canvas-sketch-gif -> /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/src/ffmpeg-gif.js /Users/jordanbelmont/.npm-packages/bin/canvas-sketch-mp4 -> /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/src/ffmpeg-mp4.js /Users/jordanbelmont/.npm-packages/bin/canvas-sketch-cli -> /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/src/index.js

fsevents@1.2.13 install /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/node_modules/fsevents node install.js No receipt for ‘com.apple.pkg.CLTools_Executables’ found at ‘/’. No receipt for ‘com.apple.pkg.DeveloperToolsCLILeo’ found at ‘/’. No receipt for ‘com.apple.pkg.DeveloperToolsCLI’ found at ‘/’. gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: gyp failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16) gyp ERR! stack at ChildProcess.emit (events.js:321:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12) gyp ERR! System Darwin 19.2.0 gyp ERR! command “/usr/local/Cellar/node/13.7.0/bin/node” “/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “rebuild” gyp ERR! cwd /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/node_modules/fsevents gyp ERR! node -v v13.7.0 gyp ERR! node-gyp -v v5.1.0 gyp ERR! not ok registry-js@1.9.0 install /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/node_modules/registry-js prebuild-install || node-gyp rebuild ^[[Aprebuild-install WARN install No prebuilt binaries found (target=13.7.0 runtime=node arch=x64 libc= platform=darwin) No receipt for ‘com.apple.pkg.CLTools_Executables’ found at ‘/’. No receipt for ‘com.apple.pkg.DeveloperToolsCLILeo’ found at ‘/’. No receipt for ‘com.apple.pkg.DeveloperToolsCLI’ found at ‘/’. gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: gyp failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/local/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16) gyp ERR! stack at ChildProcess.emit (events.js:321:20) gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12) gyp ERR! System Darwin 19.2.0 gyp ERR! command “/usr/local/Cellar/node/13.7.0/bin/node” “/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js” “rebuild” gyp ERR! cwd /Users/jordanbelmont/.npm-packages/lib/node_modules/canvas-sketch-cli/node_modules/registry-js gyp ERR! node -v v13.7.0 gyp ERR! node-gyp -v v5.1.0 gyp ERR! not ok npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! registry-js@1.9.0 install: prebuild-install || node-gyp rebuild npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the registry-js@1.9.0 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/jordanbelmont/.npm/_logs/2020-05-17T21_57_40_600Z-debug.log

I understand the workaround for this is to enter the following -

npm config set prefix ‘~/.npm-packages’ export PATH=“$PATH:$HOME/.npm-packages/bin”

However, I’ve done this - still no dice. Sidenote: I’m not particularly savvy with Command Line

Thanks

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:44 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
Mark-xcodecommented, Nov 21, 2021

For windows users, you need to give windows permission to execute scripts in PowerShell admin mode to install npm and execute all the above threads. Follow this thread stackoverflow You can then create the files in PowerShell e.g (npm install canvas-sketch -cli -g), (canvas-sketch example.js --new --open). Then you can execute (canvas-sketch example.js --open) with git-bash, cmd or PowerShell. Hope this helps.

2reactions
mattdeslcommented, Jul 15, 2020

Hi all, finally found the problem, it had to do with finding the “Downloads” folder on some systems. Should be sorted in v1.11.9, if you could try to reinstall it globally (or locally if you’re using it that way) like so:

npm install canvas-sketch-cli@1.11.9 --global

If any users are running into problems with the automatic Downloads folder resolution, you may want to set an environment variable, see here.

Please let me know if that fixes it for you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

canvas-sketch-cli - npm
Start using canvas-sketch-cli in your project by running `npm i ... There is 1 other project in the npm registry using canvas-sketch-cli.
Read more >
Can't install canvas-sketch - Stack Overflow
Just type sudo infront of the call: sudo npm install canvas-sketch-cli -g. that worked for me. all the best a.
Read more >
Learn Installing canvas-sketch-cli - Frontend Masters
The "Installing canvas-sketch-cli" Lesson is part of the full, Creative Coding with Canvas & WebGL course featured in this preview video.
Read more >
canvas-sketch - Bountysource
I'm getting this error when trying to import the GLTFLoader in a project. ... I'm trying to download canvas-sketch-cli using: npm install canvas-sketch-cli...
Read more >
canvas-sketch-cli - UNPKG
canvas -sketch-cli/package.json ; 42, "install-if-needed": "^1.0.3", ; 43, "is-builtin-module": "^2.0.0", ; 44, "is-error": "^2.2.1", ; 45, "konan": "^1.2.1", ; 46, " ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found