ReactJS：Pngquant 构建失败，请确保已安装 libpng-dev答案

【问题标题】：ReactJS: Pngquant failed to build, make sure that libpng-dev is installedReactJS：Pngquant 构建失败，请确保已安装 libpng-dev
【发布时间】：2018-12-19 02:38:29
【问题描述】：

我正在尝试设置一个反应项目。它有很多依赖项，并且在下载其中一个模块时会引发此错误。这是在 Windows 上。

pngquant 构建失败，请确保 libpng-dev 已安装

输出： ‼ 无法获得本地颁发者证书
pngquant 预构建测试失败
从源代码编译
pngquant 预构建测试成功通过
错误：pngquant 构建失败，请确保 libpng-dev 已安装

【问题讨论】：

如果你有 package.json 文件，然后尝试 npm install ，它将安装所有依赖项
解决了。有版本不匹配问题。
sudo apt install -y build-essential gcc make libpng-dev 帮了我
我用stackoverflow.com/questions/49308545/…修复它

标签： reactjs npm

【解决方案1】：

你没有安装lib-png，所以错误来了。尝试先安装lib-png。

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

【讨论】：

我正在尝试在 Windows 上进行操作。
对于 windows 试试 npm install --save-dev pngquant --msvs_version=2013 这个
必须修复我的版本。节点 8.11 npm 5.6 纱线 1.6
节点 8.12 和 npm 6.4.1 出现同样的错误，尝试了 Mukesh 的解决方案，但它不起作用

【解决方案2】：

详细说明@Mukesh's answer。

我在构建使用 imagemin-pngquant 包的 React 项目时遇到了这个问题。

当我在服务器上运行npm install 时，出现以下错误：

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

这是我修复它的方法：

在你的机器/服务器上安装 libpng-dev 包：

sudo apt-get install libpng-dev

将pngquant-bin 包添加到package.json 文件中的npm 包（如果尚不存在）：

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

或

运行命令安装pngquant-bin包：

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

OR

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

注意：如果您在使用最新版本时遇到问题，可以尝试npm install imagemin-pngquant@5.0.1 --save。

现在，如果您安装 npm 包并使用以下命令再次构建项目，一切都会好起来的：

npm install
npm run build

就是这样。

我希望这会有所帮助

【讨论】：

【解决方案3】：

在 Ubuntu 上，您可以尝试使用 apt-get install -y libpango1.0-dev 命令修复它，适用于旧节点 v6

【讨论】：

这是对我的旧 Vagrant 盒子的修复。看起来它期待这个或另一个依赖库，但将“确保已安装 libpng-dev”错误作为默认消息。

【解决方案4】：

我遇到了同样的问题：

解决方案

第一步

sudo apt-get update -y

第 2 步

sudo apt-get install -y libpng-dev

这两个步骤解决了我的问题并且工作正常。

【讨论】：