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

Question

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

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

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

- Santosh b

---

如果您有一个 package.json 文件，则尝试运行 npm install 命令，它将安装所有依赖项。 - Jeffin

已经解决了。出现了版本不匹配的问题。 - Santosh b

sudo apt install -y build-essential gcc make libpng-dev 帮助了我。 - Vaha

我在 https://dev59.com/6FUM5IYBdhLWcg3wF9TZ 上找到了解决方法。 - Mario Valentin Ochoa Mota

Answer 1

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

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

- Mukesh Burnwal Mike

---

我正在尝试在Windows上完成它。 - Santosh b

对于 Windows 系统，请尝试运行以下命令进行安装：npm install --save-dev pngquant --msvs_version=2013 - Mukesh Burnwal Mike

不得不修复我的版本。Node 8.11 npm 5.6 yarn 1.6 - Santosh b

我在使用Node 8.12和npm 6.4.1时遇到了相同的错误，尝试了Mukesh的解决方案，但它并没有起作用。 - webmedia

Answer 2

为了更详细地阐述@Mukesh的答案，我遇到了这个问题，当构建一个使用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 包添加到您的 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

这就是全部。

希望这可以帮到您。

- Promise Preston

Answer 3

I faced the same issue:

Solution

Step 1

sudo apt-get update -y

第二步

sudo apt-get install -y libpng-dev

这两个步骤解决了我的问题，现在运行正常。

- Nayana Chandran

Answer 4

在Ubuntu上，您可以尝试使用apt-get install -y libpango1.0-dev命令来修复它，适用于旧的Node v6版本。

- HydraOrc

---

这对我在一个旧的 Vagrant box 上进行修复。看起来它期望这个或另一个依赖库，但默认情况下会给出“请确保已安装 libpng-dev”错误消息。 - ahamilton9

Answer 5

以下方法适用于 Windows 系统：

• 以管理员身份运行 Windows PowerShell
• npm install --global --production windows-build-tools

如果您之前尝试过安装 npm，建议先清除所有内容，然后重新安装依赖项：

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

祝好运！

- Rahul