search

quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
26.01k stars 3.54k forks source link

Cannot install icongenie #17459

Open vanngoh opened 3 months ago

vanngoh commented 3 months ago

What happened?

First of all, I truly love the UX provided by icongenie, that's really genius! But currently I encounter the following error when I run the npm i -g @quasar/icongenie on my new Macbook Air(M3 chip).

npm WARN deprecated phin@2.9.3: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated @hapi/formula@2.0.0: Moved to 'npm install @sideway/formula'
npm WARN deprecated @hapi/address@4.1.0: Moved to 'npm install @sideway/address'
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated @hapi/joi@17.1.1: Switch to 'npm install joi'
npm ERR! code 1
npm ERR! path /Users/xxx/.nvm/versions/node/v20.12.2/lib/node_modules/@quasar/icongenie/node_modules/pngquant-bin
npm ERR! command failed
npm ERR! command sh -c node lib/install.js
npm ERR! compiling from source
npm ERR! spawn Unknown system error -86
npm ERR! pngquant pre-build test failed
npm ERR! Error: pngquant failed to build, make sure that libpng is installed
npm ERR!     at /Users/xxx/.nvm/versions/node/v20.12.2/lib/node_modules/@quasar/icongenie/node_modules/bin-build/node_modules/execa/index.js:231:11
npm ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
npm ERR!     at async Promise.all (index 0)

What did you expect to happen?

icongenie should be downloaded successfully but now it's not.

Reproduction URL

https://codepen.io/rstoenescu/pen/xxEvBLR?editors=1111

How to reproduce?

  1. Open Terminal
  2. Run node -v (make sure it's stable version)
  3. Run npm -v (make sure it's >10.0.0)
  4. Run npm i -g @quasar/icongenie (ERROR)

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Icon Genie CLI (@quasar/icongenie)

Platforms/Browsers

No response

Quasar info output

Operating System - Darwin(23.4.0) - darwin/arm64
NodeJs - 20.12.2

Global packages
  NPM - 10.5.0
  yarn - 1.22.22
  @quasar/cli - 2.4.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.16.9 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.9.5 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.12 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.4.38 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.4.3
  pinia - 2.2.2 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 2.9.18 -- Native-ESM powered web dev build tool
  eslint - Not installed
  electron - Not installed
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

npm WARN deprecated phin@2.9.3: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated @hapi/formula@2.0.0: Moved to 'npm install @sideway/formula'
npm WARN deprecated @hapi/address@4.1.0: Moved to 'npm install @sideway/address'
npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated @hapi/joi@17.1.1: Switch to 'npm install joi'
npm ERR! code 1
npm ERR! path /Users/xxx/.nvm/versions/node/v20.12.2/lib/node_modules/@quasar/icongenie/node_modules/pngquant-bin
npm ERR! command failed
npm ERR! command sh -c node lib/install.js
npm ERR! compiling from source
npm ERR! spawn Unknown system error -86
npm ERR! pngquant pre-build test failed
npm ERR! Error: pngquant failed to build, make sure that libpng is installed
npm ERR!     at /Users/xxx/.nvm/versions/node/v20.12.2/lib/node_modules/@quasar/icongenie/node_modules/bin-build/node_modules/execa/index.js:231:11
npm ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
npm ERR!     at async Promise.all (index 0)

Additional context

No response

yusufkandemir commented 3 months ago

Since you say it's a new device, I suspect you might not have installed the XCode command line tools, which contain various stuff ranging from tools like git to libraries like libpng. Run the following command:

$ xcode-select --install
vanngoh commented 3 months ago

Thanks for your reply, but unfortunately I think I have already installed.

$ xcode-select --install
xcode-select: note: Command line tools are already installed. Use "Software Update" in System Settings or the softwareupdate command line interface to install updates
yusufkandemir commented 3 months ago

Then, please install libpng to your system. If you are using Homebrew, you can use brew install libpng. If that works, we will update the documentation accordingly. Thanks.