1. 程式人生 > >npm安裝webpack步驟及遇到的錯誤

npm安裝webpack步驟及遇到的錯誤

一. 步驟:

1. node.js官網下載並安裝node,一路“下一步”(傻瓜式安裝)。

安裝完成,開啟cmd命令列工具,輸入 node -v,檢視版本號,則說明安裝成功。2.npm包管理器是整合在node中的,輸入 npm -v,顯示npm版本號3.建立package.json檔案,輸入命令 npm init一路enter,完後輸入yes或Y,這樣在工程目錄下就會生成一個package.json檔案(全域性安裝webpack)4.安裝webpack,輸入命令 npm install webpack -g5.安裝 webpack 依賴,輸入命令 npm install webpack --save-dev

6.檢查webpack是否安裝成功,輸入 webpack -v,顯示npm版本號,則webpack安裝成功
二. 遇到錯誤:

1.報錯:
C:\Users\(賬戶)>npm -v
2.10.1

C:\Users\(賬戶)>npm install express -g
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files\\nodejs\\\\node.exe" "C:\\Program Files\\nodejs
\\node_modules\\npm\\bin\\npm-cli.js" "install" "express" "-g"


npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! path C:\Program Files\nodejs\node_cache\express
npm ERR! code EPERM
npm ERR! errno -4048

npm ERR! Error: EPERM, mkdir 'C:\Program Files\nodejs\node_cache\express'
npm ERR! at Error (native)
npm ERR! { [Error: EPERM, mkdir 'C:\Program Files\nodejs\node_cache\express']

npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! path: 'C:\\Program Files\\nodejs\\node_cache\\express' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:

npm ERR! C:\Users\(賬戶)\npm-debug.log

解決:

(1) 刪除npmrc檔案。

強調:不是nodejs安裝目錄npm模組下的那個npmrc檔案

而是在C:\Users\(賬戶)\下的.npmrc檔案.

(2) 輸入命令:npm cache clean --force

2. 報錯:

>webpack -v

The CLI moved into a separate package: webpack-cli.

Please install 'webpack-cli'in addition to webpack itself to use the CLI.

-> When using npm: npm install webpack-cli -D

-> When using yarn: yarn add webpack-cli -D

錯誤提示,webpack單獨分離出了wepack-cli,需要我們安裝wepack-cli。

 解決:全域性安裝wepack-cli

輸入命令:npm i -g webpack-cli