webpack 命令行报错“webpack” 不是内部或外部命令的解决方法

本文详细介绍了NodeJS的安装过程,包括设置npm安装路径、配置环境变量以及全局安装Webpack的方法。特别强调了安装完成后重启命令行工具的重要性,以确保系统能够正确识别新的配置。

1. NodeJS安装,笔者安装在D盘。安装目录中有两个文件夹node_cache,node_global如下:

2. 配置 npm安装路径,输入如下命令:

npm config set prefix "D:\Program Files\NodeJS\Node_global" ;

npm config set cache "D:\Program Files\NodeJS\Node_Cache"

3. 配置环境变量:新建用户变量NODE_PATH,值为 D:\Program Files\NodeJS\Node_global;

   补充用户变量中path,添加 D:\Program Files\NodeJS\Node_global,若没有path则新建并赋上值。

    

4. 全局安装webpack,输入命令:npm install webpack -g,回车即安装成功。但4.x版本的webpack还要安装webpack-cli。

 因此 安装webpack的命令可以如下:npm install webpack webpack-cli -g。

注意:至关重要的一步,安装完webpack,若要调用webpack命令,若命令行工具已经打开要重启命令行工具,否则仍会报错。

因此命令行工具会缓存打开命令行工具之前的系统配置,需要重启来更新。(关闭命令行工具,Ctrl + R  cmd 重启命令行工具)

5. 命令行输入 webpack -v 验证问题是否解决。

转载于:https://www.cnblogs.com/zhcBlog/p/10000257.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值