Error: pngquant failed to build, make sure that libpng is installed

已于 2022-11-24 10:43:01 修改
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 react.js
于 2022-11-24 10:40:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenyblog/article/details/128013473
当在Mac系统中运行React项目并遇到npm install时libpng相关依赖找不到的问题，可以按照以下步骤解决：首先使用brew安装pkg-config，然后重新执行npm install --save-dev pngquant，如果仍然失败，再次尝试npminstall。这些步骤通常能成功解决pngquant构建失败导致的错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

背景

Mac运行react项目，npm install的时候报错：Not Found - GET https://registry.npmjs.org/libpng - Not found；尝试install libpng，接着报错：Error: pngquant failed to build, make sure that libpng is installed

解决办法

1> brew install pkg-config
2> npm install --save-dev pngquant
3> npm install
chernyog
关注
linux升级libpng,在Linux中安装libpng-dev以解决pngquant构建失败的问题
weixin_33603331的博客
05-14 1671
如果你在Linux系统中遇到Error: pngquant failed to build, make sure that libpng-dev is installed(错误：pngquant构建失败，请确保已安装libpng-dev)问题，请按照以下解决方法操作。前言在尝试构建Nodejs应用程序时(在Linux Mint/Ubuntu/Debian系统中安装Node.js 13版本)，我不断...
【完美解决】npm install 报错pngquant failed to build, make sure that libpng-dev is installed
Fantasywt的博客
09-04 9009
【完美解决】npm install 报错pngquant failed to build, make sure that libpng-dev is installed，解决【npm install -g windows-build-tools】安装不了问题
pngquant failed to build, make sure that libpng-dev is installed
Yujis的博客
04-11 8087
vue项目运行安装依赖报错：Error: pngquant failed to build, make sure that libpng-dev is installed 解决方案如下：重新安装pngquant npm install --save-dev pngquant 安装成功并运行成功
Error: pngquant failed to build, make sure that libpng-dev is installed
q1003675852的博客
11-30 3054
ps: 添加完此映射关系之后，可以使用这个命令刷新下本地的DNS缓存：ipconfig/flush，打开CMD，输入 ipconfig/flushdns 即可。访问 https://www.ipaddress.com/ ，在页面输入刚刚找到的域名：raw.githubusercontent.com。打开hosts修改，将上面对应的IP和域名放到hosts文件末尾。
pngquant failed to build, make sure that libpng-dev is installed 问题
qq_43101321的博客
11-01 1757
第一个参考方案失败 ：npm install -g windows-build-tools@4.0.0。第二个方案，降低node 版本 失败。第4种方案修改 host文件没有试。先执行，下面两行代码，再按照依赖。安装失败，提示 依赖不在支持。
pngquant pre-build test failed ℹ compiling from source ✖ Error: pngquant failed to build, make sure that libpng is installed
最新发布
04-03
好的，我现在要解决用户遇到的pngquant构建失败的问题，特别是关于libpng安装的问题。首先，我需要了解pngquant在构建时为什么会依赖libpng。可能的原因是pngquant需要libpng库来处理PNG图像，如果系统没有正确安装...
npm ERR! code 1 npm ERR! path F:\langchao\fl\fan_ui\node_modules\pngquant-bin npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node lib/install.js npm ERR! compiling from source npm ERR! getaddrinfo ENOENT raw.githubusercontent.com npm ERR! pngquant pre-build test failed npm ERR! Error: pngquant failed to build, make sure that libpng-dev is installed npm ERR! at F:\langchao\fl\fan_ui\node_modules\bin-build\node_modules\execa\index.js:231:11 npm ERR! at runMicrotasks (<anonymous>) npm ERR! at processTicksAndRejections (node:internal/process/task_queues:96:5) npm ERR! at async Promise.all (index 0)
07-13
错误信息中提到了 `pngquant failed to build, make sure that libpng-dev is installed`，这意味着缺少 `libpng-dev` 库。 你可以尝试以下方法来解决这个问题： 1. 在 Windows 环境下： - 打开管理员权限的命令...
npm ERR! code 1 npm ERR! path D:\BaiduSyncdisk\Project\QFBS\jeecgboot-vue3\node_modules\pngquant-bin npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node lib/install.js npm ERR! compiling from source npm ERR! getaddrinfo ENOENT raw.githubusercontent.com npm ERR! pngquant pre-build test failed npm ERR! Error: pngquant failed to build, make sure that libpng-dev is installed npm ERR! at D:\BaiduSyncdisk\Project\QFBS\jeecgboot-vue3\node_modules\bin-build\node_modules\execa\index.js:231:11 npm ERR! at runMicrotasks (<anonymous>) npm ERR! at processTicksAndRejections (node:internal/process/task_queues:96:5) npm ERR! at async Promise.all (index 0)
06-11
这个错误提示是在安装pngquant-bin时出现的，原因是pngquant-bin需要编译安装，而编译过程中需要依赖libpng-dev库，但是该库没有安装或安装不正确。 你可以尝试以下步骤来解决该问题： 1. 确认你的电脑上已经安装...
安装依赖时：Error: pngquant failed to build, make sure that libpng-dev is installed
weixin_60941411的博客
07-03 1140
3、进入网站点击Download Latest Verison下载安装，解压压缩包即可。2、点击首行DOWNLOAD。
npm install fails with pngquant failed to build, make sure that libpng is installed
q1ngqingsky的博客
06-04 8084
npm insatll时提示： pngquant failed to build, make sure that libpng is installed 解决方法： npm install imagemin-pngquant@5.0.1 --save npm install pngquant-bin@3.1.1 --save 或者：npm i -D imagemin-pngquant@5.0.1 原链接
image-webpack-loader安装报错pngquant failed to build, make sure that libpng-dev is installed
yy168888的博客
03-30 5675
报错如下： 鈥?pngquant pre-build test failed i compiling from source 脳 Error: pngquant failed to build, make sure that libpng-dev is installed [npminstall:runscript:error] image-webpack-loader@7.0.1 鈥?imagemin-pngquant@9.0.2 鈥?pngquant-bin@^6.0.0 scripts.postins
关于npm/pnpm安装依赖时出现Error: pngquant failed to build, make sure that libpng-dev is installed错误的解决
shoujing1001的博客
12-19 844
从pngquant入手，这种情况其实就是系统环境缺了一个 dll文件, 导致 去安装 pngquant插件的时候报错。vcruntime140.dll库。经试验发现，直接到从微软官方下载Visual C++ Redistributable for Visual Studio 2015。地址：https://www.microsoft.com/zh-cn/download/details.aspx?下载后的exe文件双击安装即可解决问题。
关于pngquant failed to build, make sure that libpng-dev is installed报错
m0_63922543的博客
03-14 406
以管理员身份运行pngquant.exe ps（可能运行不成功https://www.microsoft.com/zh-cn/download/confirmation.aspx?第一次遇到这种错误，在modules找了贼久的pngquant包，没有找到。https://pngquant.org/ 下载pngquant库。再次运行以管理员身份运行pngquant.exe。感觉这应该是电脑配置有些环境没有配置好的原因。试了两三个遇到一个正确的，给大家避坑啦。看到 网上的帖子五花八门。
vue项目依赖安装报错：Error: pngquant failed to build, make sure that libpng-dev is installed
qq_40206575的博客
02-17 3376
vue项目 添加了一下 vite-plugin-imagemin 依赖去实现优化打包，依赖安装报错
ENOENT raw.githubusercontent.com && pngquant failed to build
qq_42511002的博客
06-29 542
npm 安装失败 (注意寻找错误信息进行资料查询)
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值