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 -g
5.安装 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


————————————————
版权声明:本文为CSDN博主「艾丫」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/bai_cai_pei/article/details/79553760

posted @   狂热搬砖家  阅读(4178)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示