vue项目依赖安装报错:Error: pngquant failed to build, make sure that libpng-dev is installed

项目场景:

vue项目 添加了一下 vite-plugin-imagemin 依赖去实现优化打包,然后依赖安装报错了


问题描述

vue项目 添加了一下 vite-plugin-imagemin 依赖去实现优化打包,然后依赖安装报错了,查找了一下,发现是因为imagemin在国内不好安装,按照搜索来的方法,选择了使用 在 package.json 文件中添加了配置 resolutions 的方法去解决问题。添加完 resolutions 配置之后,其他同事都安装正常了 我的电脑上又报了新的错ヽ(ー_ー)ノ

  "resolutions": {
    "bin-wrapper": "npm:bin-wrapper-china"
  },

新的报错如下:
请添加图片描述

解决方案:

查找了一下,发现有大佬说使用命令:

npm install -g windows-build-tools

在管理员身份下运行,尝试了一下,命令到最后会卡住,不得不放弃这个方法,找其他解决。

最后经过一番尝试,使用了如下两个命令去安装 再安装依赖

npm install imagemin-pngquant --save
npm install pngquant-bin --save

终于解决了这个问题,可以正常安装依赖了

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值