1. 程式人生 > >webpack——安裝報錯及解決辦法

webpack——安裝報錯及解決辦法

文檔 .com 開始 global 執行 nod 的區別 查看 你會

①先刪除

刪除全局webpack-cli

webpack4.x開始官方文檔是說要安裝cli所以如果的在用4.+就需要卸載cli

npm uninstall -g webpack-cli
# 註釋給我這種小白提供參考
# 卸載 uninstall  可以簡寫成 un  
# 全局 -g 的完整寫法是 --global
# 現在問題來了這樣真的卸載了webpack-cli嗎?
# 答案是沒有。到現在為止我還沒有發現那個webpack-cli是全局安裝的,至少官方文檔沒看到。
# 那就看下面怎麽刪除局部webpack-cli

刪除本地(局部)webpack-cli

npm uninstall webpack-cli
# 仔細看你會發現去掉全局參數 -g
# 這時候你的命令行會快速滾動一些刪除信息。
# webpack-cli刪除成功

刪除全局webpack

npm uninstall -g webpack
# 這個註釋還是給小白看的
# 為什麽要局部全局刪除webpack
# 因為你可能在安裝webpack時不確定自己是全局安裝
# 還是本地安裝,所以建議先執行全局刪除命令
# 然後在執行下面的本地刪除命令

刪除本地webpack

npm un webpack
# 這時候小白的webpack是刪除完成了
# 還沒完看下面怎麽說

檢查webpack殘余文件

ls
# 用ls命令查看一下是否有這幾個文件
# node_modules
# package-lock.json
# package.json
# 有是最好的,如果沒有那你可能還沒找到自己本地安裝webpack的準確位置
# 有時候我也找不到了
# 現在說有的事
rm -rf node_modules package-lock.json package.json
# 上面這行命令是刪除這些文件的意思
# 同學你的webpack 徹底刪除幹凈了
# 但是小白一定要好好去了解一下 rm 和 rm -rf 的區別,在這裏我不科普怕說錯。

②再安裝
管理員模式下運行 cmd 輸入 cnpm i webpack -g

這時候我們查看下webpack是否安裝成功了,輸入webpack -v
技術分享圖片

提示 我們要webpack -cli ,我們也全局安裝一下吧

npm i webpack-cli -g

再輸入webpack -v

技術分享圖片

這是我的版本號

 

webpack——安裝報錯及解決辦法