image-webpack-loader 和 imagemin-pngquant 等依赖报错导致项目无法运行

参考:

pngquant、libpng-dev、windows-build-tools(三个人的电影)

npm安装windows-build-tools时卡在Successfully installed Python 2.7

背景:

公司换了新电脑, nvm-windows 装好, 安装完旧项目用的 node 版本, 正常安装依赖, 然后发现运行不起来; 说缺少 imagemin-pngquant , 但 package.json 里明明没有它; 网上查了查, 它属于 image-webpack-loader , 而这个包我确实有在用(Vue.config.js 里用它来解析/压缩几种格式的图片), 再去看旧电脑上项目的 node_modules , 确实有这个包;

定位:

网上搜了一会儿, 说卸了重装 image-webpack-loader , 结果没用; 照着报错信息一步步安装 imagemin-pngquant, 装完报错没有 pngquant-bin 包, 继续装它, 报错 libpng-dev 包导致前者安装出错, 而后者又说不是 windows 的包...

又搜了一会儿, 搜到顶部的链接, 说让先安装 windows-build-tools , 安装它

注意:

  1. 以管理员方式运行 windows 终端, npm i -g 全局安装(有文章还要加上 --production, 我加了之后一直卡着, 就去掉了)

  2. 安装卡在 Python 安装成功命令行, 按顶部链接操作

    即, 在%temp%目录下创建一个名为dd_client_.log的文件, 内容为 Closing installer. Return code: 3010.

相关推荐
codingWhat5 小时前
能效平台设计方案(打通gitlab和飞书)
后端·node.js·koa
the_answer21 小时前
Webpack vs Vite 深度对比分析
前端·webpack
见过夏天2 天前
Node.js 常用命令全攻略
node.js
前端双越老师2 天前
我从 0 开发的 AI Agent 智语项目发布了
前端·node.js·agent
kyriewen3 天前
2026 年了,还在用 Node.js?Bun 迁移实战:20 分钟搞定,附踩坑记录
前端·javascript·node.js
玄玄子3 天前
webpack publicPath作用原理
前端·webpack·程序员
donecoding3 天前
3 条命令搞定闭环 Monorepo:Lerna 版本管理 + 拓扑构建 + 自定义分发
前端·前端框架·node.js
Flynt4 天前
npm v12 来了:allowScripts 默认关闭,我的项目差点跑不起来
安全·npm·node.js
谷无姜4 天前
Webpack5 进阶思考:那些官方文档没讲清楚的事
前端·webpack
柯克七七4 天前
我把祖传项目的构建时间砍了90%,领导以为我只是在"优化了一下",结果隔壁组的CI都崩了来问我配置
前端·webpack