目录
问题描述:
解决方案:
第一步卸载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,则前端打包完成,问题解决~文章来源:https://www.toymoban.com/news/detail-730102.html
文章来源地址https://www.toymoban.com/news/detail-730102.html
到了这里,关于运行 npm run build,报错:Module build failed (from ./node_modules/image-webpack-loader/index.js)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!