目錄
問題描述：
解決方案：
第一步卸載image-webpack-loader
第二步下載image-webpack-loader
方式一
方式二
第三步再次執(zhí)行打包
問題描述：
運(yùn)行 npm run build,報(bào)錯(cuò)
解決方案：
第一步卸載image-webpack-loader
npm uninstall image-webpack-loader第二步下載image-webpack-loader
下載呢，有兩種方式，方式一不行了就嘗試方式二吧~
方式一
npm install image-webpack-loader --save-dev
--save-dev?選項(xiàng)的作用是將該軟件包添加為項(xiàng)目的開發(fā)依賴項(xiàng)。
方式二
如果使用npm失敗的話，應(yīng)該是網(wǎng)絡(luò)連接不穩(wěn)定或者訪問npm倉(cāng)庫(kù)受限，從而導(dǎo)致npm安裝失敗。
這個(gè)時(shí)候可以嘗試使用cnpm
cnpm install image-webpack-loader --save-dev沒有安裝cnpm的也沒關(guān)系，下面講一下安裝cnpm以及注意事項(xiàng)
首先安裝cnpm的命令是
npm install cnpm -g --registry=https://registry.npm.taobao.org然后執(zhí)行cnpm -v時(shí)報(bào)錯(cuò)：?Error_ Cannot find module ‘node_util‘
這個(gè)錯(cuò)呢，是不兼容，也就是npm跟cnpm不匹配
解決辦法，先卸載剛剛安裝的cnpm
npm uninstall cnpm指定對(duì)應(yīng)的cnpm版本進(jìn)行安裝
npm install -g cnpm@7.1.0 --registry=https://registry.npm.taobao.org具體對(duì)應(yīng)關(guān)系不是很清楚，有大佬可以評(píng)論區(qū)解釋下，我的npm是6.14.9版本，cnpm是7.1.0
此時(shí)可以發(fā)現(xiàn)再使用cnpm -v 出現(xiàn)以下情況代表安裝成功
然后使用cnpm下載image-webpack-loader即可
cnpm install image-webpack-loader --save-dev
報(bào)紅是關(guān)于軟件包版本問題的警告信息，可以不予理會(huì)
第三步再次執(zhí)行打包
執(zhí)行命令
cnpm run build執(zhí)行完畢，此時(shí)發(fā)現(xiàn)文件夾里多出了文件dist，則前端打包完成，問題解決~文章來源：http://www.zghlxwxcb.cn/news/detail-730102.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-730102.html
到了這里，關(guān)于運(yùn)行 npm run build,報(bào)錯(cuò)：Module build failed (from ./node_modules/image-webpack-loader/index.js)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
