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.

相关推荐
暮毅2 小时前
10.Node.js连接MongoDb
数据库·mongodb·node.js
~甲壳虫8 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
Beamon__8 小时前
element-plus按需引入报错AutoImport is not a function
webpack·element-plus
CodeToGym8 小时前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫8 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫8 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫9 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
前端青山18 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
GDAL21 小时前
npm入门教程1:npm简介
前端·npm·node.js
郑小憨1 天前
Node.js简介以及安装部署 (基础介绍 一)
java·javascript·node.js