运行 npm run build,报错：Module build failed (from ./node_modules/image-webpack-loader/index.js)

目录

问题描述：

解决方案：

第一步卸载image-webpack-loader

第二步下载image-webpack-loader

方式一

方式二

第三步再次执行打包

---

问题描述：

运行 npm run build,报错

解决方案：

第一步卸载image-webpack-loader

npm uninstall image-webpack-loader

第二步下载image-webpack-loader

下载呢，有两种方式，方式一不行了就尝试方式二吧~

方式一

npm install image-webpack-loader --save-dev

--save-dev 选项的作用是将该软件包添加为项目的开发依赖项。

方式二

如果使用npm失败的话，应该是网络连接不稳定或者访问npm仓库受限，从而导致npm安装失败。

这个时候可以尝试使用cnpm

cnpm install image-webpack-loader --save-dev

没有安装cnpm的也没关系，下面讲一下安装cnpm以及注意事项

首先安装cnpm的命令是

npm install cnpm -g --registry=https://registry.npm.taobao.org

然后执行cnpm -v时报错： Error_ Cannot find module ‘node_util‘

这个错呢，是不兼容，也就是npm跟cnpm不匹配

解决办法，先卸载刚刚安装的cnpm

npm uninstall cnpm

指定对应的cnpm版本进行安装

npm install -g cnpm@7.1.0 --registry=https://registry.npm.taobao.org

具体对应关系不是很清楚，有大佬可以评论区解释下，我的npm是6.14.9版本，cnpm是7.1.0

此时可以发现再使用cnpm -v 出现以下情况代表安装成功

然后使用cnpm下载image-webpack-loader即可

cnpm install image-webpack-loader --save-dev

报红是关于软件包版本问题的警告信息，可以不予理会

第三步再次执行打包

执行命令

cnpm run build

执行完毕，此时发现文件夹里多出了文件dist，则前端打包完成，问题解决~