ReactJS: Pngquant未能生成，请确保已安装libpng-dev

Question

我正在尝试设置一个react项目。它有很多依赖项，在下载其中一个模块时抛出了这个错误。这是在windows上。

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

输出：‼无法获取本地颁发者证书

pngquant预生成测试失败

从源代码编译

pngquant预构建测试成功通过

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

Answer 1

您没有安装lib-png，所以错误是coming.Try to install lib-png first。

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

Answer 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

在package.json文件中将pngquant-bin包添加到您的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

就这样。

我希望这对有帮助

Answer 3

在Ubuntu上，你可以尝试使用apt-get install -y libpango1.0-dev命令来修复它，这个命令适用于较老的节点v6