ReactJS: Pngquant failed to build, make sure that libpng-dev is installed

Question

I am trying to setup a react project. It has lot of dependencies and while downloading one of module it is throwing this error. This is on windows.

pngquant failed to build, make sure that libpng-dev is installed

Output: ‼ unable to get local issuer certificate
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

If you have a package.json file , then try npm install , it will install all the dependencies — Jeffin, Jul 11 '18 at 07:11
sudo apt install -y build-essential gcc make libpng-dev helped me — Vaha, Mar 20 '20 at 14:34
I fix it with https://stackoverflow.com/questions/49308545/error-with-npm-update-pngquant-binary-does-not-seem-to-work-correctly — Mario Valentin Ochoa Mota, Nov 10 '21 at 01:24

score 23 · Answer 1 · answered Jul 11 '18 at 06:57

23

You didn't installed lib-png so that error is coming.Try to install lib-png first.

sudo apt-get install libpng-dev
npm install -g pngquant-bin

answered Jul 11 '18 at 06:57

Mukesh Burnwal Mike

379
1
7

I am trying to do it on windows. – Santosh b Jul 11 '18 at 06:58
1

for windows try npm install --save-dev pngquant --msvs_version=2013 this one – Mukesh Burnwal Mike Jul 11 '18 at 07:03
Had to fix my versions. Node 8.11 npm 5.6 yarn 1.6 – Santosh b Jul 16 '18 at 12:12
I have the same error with node 8.12 and npm 6.4.1, tried Mukesh's solution but it does not work – webmedia Oct 02 '18 at 14:42

Promise Preston · Answer 2 · 2021-01-11T17:13:26.850

To expound more on @Mukesh's answer.

I experienced this issue when building a react project that uses the imagemin-pngquant package.

When I run npm install on the server I get the below error:

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

Here's how I fixed it:

Install libpng-dev package on your machine/server:

sudo apt-get install libpng-dev

Add pngquant-bin package to your npm packages in the package.json file (if it doesn't yet exist):

"dependencies": {
  .
  .
  .
  "imagemin-pngquant": "^9.0.1",
  .
  .
  .
}

OR

Run the command to install the pngquant-bin package:

npm install imagemin-pngquant --save // to install the latest

OR

npm install imagemin-pngquant@9.0.1 --save // to install a specific version

Note: You can try npm install imagemin-pngquant@5.0.1 --save if you encounter issues with the latest version.

Now everything should be fine if you install the npm packages and build the project again using:

npm install
npm run build

That's all.

I hope this helps

score 3 · Answer 3 · answered Sep 22 '21 at 16:49

3

I faced the same issue:

Solution

Step 1

sudo apt-get update -y

Step 2

sudo apt-get install -y libpng-dev

These two steps sorted out my issue and working fine.

answered Sep 22 '21 at 16:49

Nayana Chandran

1,416
1
16
30

score 2 · Answer 4 · answered Apr 01 '20 at 10:17

2

On Ubuntu you can try to fix it with apt-get install -y libpango1.0-dev command, worked for older node v6

answered Apr 01 '20 at 10:17

HydraOrc

657
7
15

This was the fix for me on an old Vagrant box. Looks like it's expecting this or another dependent library but gives the "be sure libpng-dev is installed" error as a default message. – ahamilton9 Dec 01 '21 at 16:58

score 0 · Answer 5 · answered Jan 31 '23 at 17:24

This worked for me on Windows:

Run Windows PowerShell as Admin
npm install --global --production windows-build-tools

If you have made any previous npm installation attempt which you most likely had, clean everything and then do a fresh dependency installation:

rm node_modules -R
rm package-lock.json
npm install

Good luck!

ReactJS: Pngquant failed to build, make sure that libpng-dev is installed

5 Answers5