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

Question

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

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

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

Answer 1

您没有安装 lib-png，因此会出现错误。请先安装 lib-png。

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

Answer 2

详细阐述@Mukesh 的答案。

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

当我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到文件中的 npm 包中package.json（如果尚不存在）：

"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

就这样。

我希望这有帮助