vue serve正常运行，build打包报错：image-webpack-loader问题解决（卸载image-webpack-loader重新安装报错问题解决）

项目场景：

提示：运行serve时正常运行，打包时出现错误：

在打包vue项目时会出现报错打包不上的情况:
例如：/401.png错误、 image-webpack-loader打包错误等

---

原因分析

看到401.png（xxxx.png情况）、image-webpack-loader报错情况、EOF报错情况

出现上诉问题多半都是因为image-webpack-loader安装包问题

---

解决方案：

1.image-webpack-loader版本不对，需要卸载image-webpack-loader后重新安装

npm uninstall image-webpack-loader

重新进行符合NodeJs版本的image-webpack-loader版本的安装
可能会出现安装报错等情况是安装的image-webpack-loader版本不匹配

我本地node和npm版本如下：

和我版本相似可以image-webpack-loader@6.0.0版本安装

2.终极奥义

重新安装环境，删除node_modules和package-lock.json再进行环境安装

注意在package.json中设置符合NodeJS版本的image-webpack-loader

或者去除package.json中image-webpack-loader，先安装上其他依赖最后进行image-webpack-loader的安装

参考我上篇文章第二部分进行环境安装：
重新进行环境安装

---