Error pngquant failed to build make sure that libpng dev is installed windows

Error: pngquant failed to build, make sure that libpng-dev is installed #2513

Before opening a new issue, please take a moment to review our community guidelines to make the contribution process easy and effective for everyone involved.

Description

is failing on my windows 7 machine. The error says:

Steps to reproduce

1. clone the repository with the steps provided on the homepage
2. run the command «npm run setup»

Expected behavior
«npm run setup» is expected to install dependencies and clean the git repo.

Screenshots

Versions

• React-Boilerplate: 3.7.0
• Node/NPM: 10.13.0 / 6.4.1
• Browser: N/A

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

libpng is an OS-native library, you have to have it installed on your system before start the setup

I don’t think that’s true for the majority of setups. Most of the time the install process should be able to take care of this by itself (like with node-sass and libsass). It’s not surprising that it would be buggy in some setups though (especially Windows ones). You should indeed try installing it in your system manually before continuing with the react-boilerplate install.

Also, did you google this issue before posting? It’s a fairly common problem.

Will close this as there’s nothing we can do about it here IMO.

Источник

Error pngquant failed to build make sure that libpng dev is installed windows

If I run the same with root user it works. n

Anyone knows the issue.? n

You have to install build-essential n

this is a problem with the dependencies of a dependency. pngquant needs pngquant-bin and npm detects it is not present (problem #1) and tries to build it, but fails (problem #2) n

to fix problem #1 you could install the binary rpm — as the npm error suggest. But strangely the centos package is named libpng-devel not libpng-dev (as it is on debian (apt) based systems). I found I could get it installed like so: n

yum install libpng libpng-devel libpng12 libpng12-devel n

problem #2 is a bigger issue. I dont want build tools on my prod server. Something changed for centos based laravel systems (recently, in 5.6) and after too many hours chasing why npm install on a stock 5.6 install fails I gave up and installed gcc/make/glibc-headers etc n»,»bodyInMarkdown»:»this is a problem with the dependencies of a dependency. pngquant needs pngquant-bin and npm detects it is not present (problem #1) and tries to build it, but fails (problem #2)rnrnto fix problem #1 you could install the binary rpm — as the npm error suggest. But strangely the centos package is named libpng-devel not libpng-dev (as it is on debian (apt) based systems). I found I could get it installed like so:rnrnyum install libpng libpng-devel libpng12 libpng12-develrnrnproblem #2 is a bigger issue. I dont want build tools on my prod server. Something changed for centos based laravel systems (recently, in 5.6) and after too many hours chasing why npm install on a stock 5.6 install fails I gave up and installed gcc/make/glibc-headers etc»,»replies»:[],»user»:<«id»:106132,»username»:»bensholdice»,»avatar»:»//unavatar.io/twitter/@bensholdice»,»experience»:<«award_count»:»0″,»level»:2,»points»:»5,170″,»pointsUntilNextLevel»:»4,830″>,»achievements»:[],»reported»:null,»staff»:false,»subscribed»:false,»profile»:<«full_name»:null,»bio»:null,»twitter»:»@bensholdice»,»github»:»»,»website»:»»,»employment»:»»,»job_title»:»»,»location»:»Seattle»,»flag»:null,»available_for_hire»:0>,»dateSegments»:<«created_diff»:»4 years ago»>,»settings»:<«show_profile»:false>,»links»:<«profile»:»https://laracasts.com/@bensholdice»>>,»likes»:[],»created_at»:»2018-07-12T19:16:41.000000Z»,»links»:<«delete»:»/discuss/replies/440447″,»like»:»/discuss/replies/440447/likes»,»best_answer»:»/discuss/conversations/84085/best»>,»best_answer»:false,»dateSegments»:<«createdDiff»:»4 years ago»>>,<«id»:441208,»conversation_id»:84085,»body»:»

installing build-essential on Ubuntu 8.04 using npm v5.60 and node v8.11.3 resolved the issue for me. n

I have managed to get this working on centos7 running WHM/Cpanel. n

Firstly I had to ssh to the server as ‘root’.nAs the root user I navigated to my laravel folder and did a normal ‘npm-install’nI then had to install my node packages with a ‘npm install react-router-dom etc..’ n

Then I ssh as the user account, navigated to my laravel directory andn’npm run watch’ works perfectly. n

Any extra node packages would again need to be installed as root also else they have a permissions issue. n

Источник

Error pngquant failed to build make sure that libpng dev is installed windows

If I run the same with root user it works. n

Anyone knows the issue.? n

You have to install build-essential n

this is a problem with the dependencies of a dependency. pngquant needs pngquant-bin and npm detects it is not present (problem #1) and tries to build it, but fails (problem #2) n

to fix problem #1 you could install the binary rpm — as the npm error suggest. But strangely the centos package is named libpng-devel not libpng-dev (as it is on debian (apt) based systems). I found I could get it installed like so: n

yum install libpng libpng-devel libpng12 libpng12-devel n

problem #2 is a bigger issue. I dont want build tools on my prod server. Something changed for centos based laravel systems (recently, in 5.6) and after too many hours chasing why npm install on a stock 5.6 install fails I gave up and installed gcc/make/glibc-headers etc n»,»bodyInMarkdown»:»this is a problem with the dependencies of a dependency. pngquant needs pngquant-bin and npm detects it is not present (problem #1) and tries to build it, but fails (problem #2)rnrnto fix problem #1 you could install the binary rpm — as the npm error suggest. But strangely the centos package is named libpng-devel not libpng-dev (as it is on debian (apt) based systems). I found I could get it installed like so:rnrnyum install libpng libpng-devel libpng12 libpng12-develrnrnproblem #2 is a bigger issue. I dont want build tools on my prod server. Something changed for centos based laravel systems (recently, in 5.6) and after too many hours chasing why npm install on a stock 5.6 install fails I gave up and installed gcc/make/glibc-headers etc»,»replies»:[],»user»:<«id»:106132,»username»:»bensholdice»,»avatar»:»//unavatar.io/twitter/@bensholdice»,»experience»:<«award_count»:»0″,»level»:2,»points»:»5,170″,»pointsUntilNextLevel»:»4,830″>,»achievements»:[],»reported»:null,»staff»:false,»subscribed»:false,»profile»:<«full_name»:null,»bio»:null,»twitter»:»@bensholdice»,»github»:»»,»website»:»»,»employment»:»»,»job_title»:»»,»location»:»Seattle»,»flag»:null,»available_for_hire»:0>,»dateSegments»:<«created_diff»:»4 years ago»>,»settings»:<«show_profile»:false>,»links»:<«profile»:»https://laracasts.com/@bensholdice»>>,»likes»:[],»created_at»:»2018-07-12T19:16:41.000000Z»,»links»:<«delete»:»/discuss/replies/440447″,»like»:»/discuss/replies/440447/likes»,»best_answer»:»/discuss/conversations/84085/best»>,»best_answer»:false,»dateSegments»:<«createdDiff»:»4 years ago»>>,<«id»:441208,»conversation_id»:84085,»body»:»

installing build-essential on Ubuntu 8.04 using npm v5.60 and node v8.11.3 resolved the issue for me. n

I have managed to get this working on centos7 running WHM/Cpanel. n

Firstly I had to ssh to the server as ‘root’.nAs the root user I navigated to my laravel folder and did a normal ‘npm-install’nI then had to install my node packages with a ‘npm install react-router-dom etc..’ n

Then I ssh as the user account, navigated to my laravel directory andn’npm run watch’ works perfectly. n

Any extra node packages would again need to be installed as root also else they have a permissions issue. n

Источник

Cannot build project becuase of missing libpng-dev library // WIN10 #14015

Description

When I’m trying to build a new project with gatsby-cli, I’m getting error:

The same thing happens when trying to npm install on different gatsby project, cloned from repo.

Steps to reproduce

• install gatsby cli
• run command to create new project:

Expected result

The project should be installed and ready to run develop command.

Actual result

Isnstalation stopped because of the error:

pngquant-bin@5.0.2 postinstall C:projectsmy-blazing-fast-sitenode_modulespngquant-bin
node lib/install.js

‼ Command failed: C:projectsmy-blazing-fast-sitenode_modulespngquant-binvendorpngquant.exe —version

‼ pngquant pre-build test failed
i compiling from source
× Error: pngquant failed to build, make sure that libpng-dev is installed
at Promise.all.then.arr (C:projectsmy-blazing-fast-sitenode_modulesexecaindex.js:231:11)
at processTicksAndRejections (internal/process/task_queues.js:86:5)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modulesfsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted <«os»:»darwin»,»arch»:»any»>(current: <«os»:»win32″,»arch»:»x64″>)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! pngquant-bin@5.0.2 postinstall: node lib/install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the pngquant-bin@5.0.2 postinstall 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! C:UsersMaciekAppDa

Environment

System:
OS: Windows 10
CPU: (4) x64 Intel(R) Core(TM) i7-5500U CPU @ 2.40GHz
Binaries:
Yarn: 1.16.0 — C:Program Files (x86)Yarnbinyarn.CMD
npm: 6.7.0 — C:Program Filesnodejsnpm.CMD
Browsers:
Edge: 44.17763.1.0
npmPackages:
gatsby: ^2.3.5 => 2.3.5
gatsby-image: ^2.0.37 => 2.0.37
gatsby-plugin-manifest: ^2.0.26 => 2.0.26
gatsby-plugin-offline: ^2.0.25 => 2.0.25
gatsby-plugin-react-helmet: ^3.0.11 => 3.0.11
gatsby-source-filesystem: ^2.0.28 => 2.0.28
gatsby-transformer-sharp: ^2.1.17 => 2.1.17

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

Источник

Plugin crashing docker build with node-alpine image #12

While trying to create a docker image taking node-alpine 8.11.0 as base image, the install steps of the deps of this plugin are crashing the build process. Here is relevant portion of build log:

cwebp-bin@4.0.0 postinstall /frontend/node_modules/cwebp-bin

⚠ spawn /frontend/node_modules/cwebp-bin/vendor/cwebp ENOENT
⚠ cwebp pre-build test failed
ℹ compiling from source
✖ Error: ./configure —disable-shared —prefix=»/frontend/node_modules/cwebp-bin/vendor» —bindir=»/frontend/node_modules/cwebp-bin/vendor» && make && make install
Command failed: ./configure —disable-shared —prefix=»/frontend/node_modules/cwebp-bin/vendor» —bindir=»/frontend/node_modules/cwebp-bin/vendor»
configure: error: in /frontend/node_modules/cwebp-bin/1781a0ab-70da-4226-aea4-05978656b745′: configure: error: no acceptable C compiler found in $PATH See config.log’ for more details

gifsicle@3.0.4 postinstall /frontend/node_modules/gifsicle
node lib/install.js

⚠ spawn /frontend/node_modules/gifsicle/vendor/gifsicle ENOENT
⚠ gifsicle pre-build test failed
ℹ compiling from source
✖ Error: autoreconf -ivf && ./configure —disable-gifview —disable-gifdiff —prefix=»/frontend/node_modules/gifsicle/vendor» —bindir=»/frontend/node_modules/gifsicle/vendor» &&
make install
Command failed: autoreconf -ivf
/bin/sh: autoreconf: not found

mozjpeg@5.0.0 postinstall /frontend/node_modules/mozjpeg
node lib/install.js

⚠ spawn /frontend/node_modules/mozjpeg/vendor/cjpeg ENOENT
⚠ mozjpeg pre-build test failed
ℹ compiling from source
✖ Error: autoreconf -fiv && ./configure —disable-shared —disable-dependency-tracking —with-jpeg8 —prefix=»/frontend/node_modules/mozjpeg/vendor» —bindir=»/frontend/node_modules/mozjpeg/vendor» —libdir=»/frontend/node_modules/mozjpeg/vendor» && make -j2 && make install -j2
Command failed: autoreconf -fiv
/bin/sh: autoreconf: not found

optipng-bin@3.1.4 postinstall /frontend/node_modules/optipng-bin
node lib/install.js

⚠ spawn /frontend/node_modules/optipng-bin/vendor/optipng ENOENT
⚠ optipng pre-build test failed
ℹ compiling from source
✖ Error: ./configure —with-system-zlib —prefix=»/frontend/node_modules/optipng-bin/vendor» —bindir=»/frontend/node_modules/optipng-bin/vendor» && make install
Command failed: ./configure —with-system-zlib —prefix=»/frontend/node_modules/optipng-bin/vendor» —bindir=»/frontend/node_modules/optipng-bin/vendor»

pngquant-bin@4.0.0 postinstall /frontend/node_modules/pngquant-bin
node lib/install.js

⚠ spawn /frontend/node_modules/pngquant-bin/vendor/pngquant ENOENT
⚠ pngquant pre-build test failed
ℹ compiling from source
✔ pngquant pre-build test passed successfully
✖ Error: pngquant failed to build, make sure that libpng-dev is installed
at Promise.all.then.arr (/frontend/node_modules/pngquant-bin/node_modules/bin-build/node_modules/execa/index.js:231:11)
at
at process._tickCallback (internal/process/next_tick.js:188:7)
npm WARN frontend@1.0.0 No description
npm WARN frontend@1.0.0 No repository field.
npm WARN frontend@1.0.0 No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.3: wanted <«os»:»darwin»,»arch»:»any»>(current: <«os»:»linux»,»arch»:»x64″>)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! pngquant-bin@4.0.0 postinstall: node lib/install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the pngquant-bin@4.0.0 postinstall 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! /root/.npm/_logs/2018-04-02T11_13_47_451Z-debug.log

Are there any clean ways to skip pre and post build steps of those deps in the plugin itself to avoid any issues in containerized environment?

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

Источник

Я продолжал получать сообщение об ошибке Error: pngquant failed to build, make sure that libpng-dev is installed” при попытке создать приложение Nodejs.

После нескольких минут устранения неполадок я понял, что это было вызвано отсутствием зависимых приложений, необходимых во время сборки.

> node lib/install.js

  ⚠ The `/home/ubuntu/koel/node_modules/pngquant-bin/vendor/pngquant` binary doesn't seem to work correctly
  ⚠ pngquant pre-build test failed
  ℹ compiling from source
  ✖ Error: pngquant failed to build, make sure that libpng-dev is installed
    at ChildProcess.exithandler (child_process.js:294:12)
    at ChildProcess.emit (events.js:198:13)
    at maybeClose (internal/child_process.js:982:16)
    at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)

sudo apt update
sudo apt install -y build-essential gcc make libpng-dev

sudo yum group install "Development Tools"
sudo yum -y install libpng-devel

Тогда мне удалось провести билд успешно.

> uglifyjs-webpack-plugin@0.4.6 postinstall /home/ubuntu/koel/node_modules/webpack/node_modules/uglifyjs-webpack-plugin
> node lib/post_install.js


> node-sass@4.13.1 postinstall /home/ubuntu/koel/node_modules/node-sass
> node scripts/build.js

Binary found at /home/ubuntu/koel/node_modules/node-sass/vendor/linux-x64-64/binding.node
Testing binary
Binary is fine

> gifsicle@3.0.4 postinstall /home/ubuntu/koel/node_modules/gifsicle
> node lib/install.js

  ✔ gifsicle pre-build test passed successfully

> mozjpeg@5.0.0 postinstall /home/ubuntu/koel/node_modules/mozjpeg
> node lib/install.js

  ✔ mozjpeg pre-build test passed successfully

> optipng-bin@3.1.4 postinstall /home/ubuntu/koel/node_modules/optipng-bin
> node lib/install.js

  ✔ optipng pre-build test passed successfully

> pngquant-bin@4.0.0 postinstall /home/ubuntu/koel/node_modules/pngquant-bin
> node lib/install.js

  ⚠ The `/home/ubuntu/koel/node_modules/pngquant-bin/vendor/pngquant` binary doesn't seem to work correctly
  ⚠ pngquant pre-build test failed
  ℹ compiling from source
  ✔ pngquant pre-build test passed successfully
  ✔ pngquant built successfully

Я надеюсь, что эта статья помогла вам создать приложение Nodejs с инструментами разработки pngquant в качестве зависимости.