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.

相关推荐
FGGIT3 小时前
【node】 cnpm|npm查看、修改镜像地址操作 换源操作
前端·npm·node.js
计算机学姐3 小时前
基于nodejs+vue的超市管理系统
前端·javascript·vue.js·vscode·前端框架·node.js·ecmascript
谢尔登3 小时前
webpack 和 vite 区别
前端·webpack·node.js
诗雅颂3 小时前
【js逆向学习】qqmusic(qq音乐)webpack智能导出
javascript·学习·webpack
计算机学姐4 小时前
基于nodejs+vue的宠物医院管理系统
前端·javascript·vue.js·mysql·npm·node.js·sass
你会发光哎u5 小时前
深入理解包管理工具
开发语言·前端·javascript·node.js
森叶7 小时前
webpack 的打包target讲解 & node环境打包下的文件存储造成不易察觉的坑点
前端·webpack·node.js
亿牛云爬虫专家7 小时前
Puppeteer的高级用法:如何在Node.js中实现复杂的Web Scraping
前端·javascript·爬虫·node.js·爬虫代理·puppeteer·代理ip
马卫斌 前端工程师9 小时前
npm 源切换以及添加 使用工具 nrm 使用方法
前端·npm·node.js
秋雨凉人心12 小时前
Webpack和GuIp打包原理以及不同
开发语言·前端·javascript·webpack·gulp