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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库