'webpack' 不是內部或外部命令解決辦法以及npm配置


昨天在筆記本上安裝webpack,按照教程下來,使用webpack命令行,報錯:'webpack' 不是內部或外部命令,也不是可運行的程序 或批處理文件。網上有大量的配置方法與解決辦法,找了好久才成功解決。

重新梳理一下,寫一個詳細教程盡量幫助大家成功安裝webpack。

一、下載安裝node.js(npm)

 

官網有最新版的nodejs,但是最新版可能有各種情況出現,網上的教程針對舊版的教程,這里使用一個廖雪峰老師給出的nodejs鏈接--》node.js國內鏡像

按照步驟直接點擊下一步完成安裝,nodejs默認集成了npm,無需再次安裝。

 

二 、配置環境

win+R輸入cmd打開命令行 輸入 node -v 回車查看nodejs是否成功安裝:

輸入npm -v 也可以查看npm是否成功安裝,安裝成功后出現版本號說明nodejs.npm安裝成功。

1.配置文件夾

我的nodejs是默認安裝路徑C:\Program Files\nodejs,最開始是安裝在其他盤的,但是配置的時候各種問題,后重裝改為默認路徑

在C:\Program Files\nodejs文件夾內新建兩個文件夾用於全局存放依賴包路徑,和緩存路徑

緩存C:\Program Files\nodejs\node_cache

存放C:\Program Files\nodejs\node_global

文件夾創建完成后打開命令行輸入如下命令 配置路徑:

npm config set cache  "C:\Program Files\nodejs\node_cache"

回車

輸入:
npm config set prefix "C:\Program Files\nodejs\node_global"  回車

(輸入指令后,命令行閃一下,不會有任何提示)

2.安裝webpack

webpack分為全局安裝,與項目安裝(安裝在你指定的文件夾內),我這里使用的是全局安裝

啟動cmd,鍵入如下的命令:

npm install webpack -g

點擊回車,會有一個進度條,等待進度條完成后,出現如下信息(具體信息可能有差別,但是只要不出現error說明安裝成功):

此時,打開nodejs的路徑C:\Program Files\nodejs\node_global文件夾,發現多了一些東西:

此時全局webpack已經成功安裝。

環境變量配置

我的電腦——右鍵屬性——高級系統設置——高級———環境變量 

分別新建用戶變量PATH和系統變量NODE_PATH

用戶變量:             

 

  系統變量:    

這是最重要的一點;在安裝webpack后出現'webpack' 不是內部或外部命令的問題 就是此處設置不對

PATH和NODE_PATH全部設置為:C:\Program Files\nodejs\node_global。

看到網上的設置方法為  :NODE_PATH屬性指向C:\Program Files\nodejs\node_global\node_modules,這樣設置並不對,就會導致報不是內部命令

 按照以上步驟nodejs npm webpack算是真正安裝配置完,然后就可以直接使用了,推薦一篇博客適合新手入門

         鏈接:入門webpack,看這張就夠了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM