安装好webpack之后,还是出现“webpack不是内部命令”的解决办法,亲测有效!!!

1 篇文章 0 订阅
1 篇文章 0 订阅

自己是个小白,我安装就出现了这个问题,经过过多次尝试总结出这个办法,亲测有效。

webpack想正常运行必须依赖node环境,node环境为了可以正常的执行很多代码,必须其中包含各种依赖的包,node自带npm工具(帮node管理各种依赖的包)。所以首先要安装node。

node.js安装

  • 官网地址:https://nodejs.org/en/
  • 一路傻瓜式安装 安装之后在cmd中执行node -v就能看到安装的版本
  • npm -v如果显示版本的话则安装成功
    在这里插入图片描述

安装好后找到node.js的地址,里面会有node_cache和node_global两个文件,没有的话可以创建。在cmd中执行npm config set cache "D:\nodejs\node_cache"和npm config set prefix “D:\nodejs\node_global”

webpack安装

我用的是全局安装

  • 我装的是3.6.0版本,cmd中执行npm install webpack@3.6.0 -g,如果在cmd中执行npm install webpack -g会给你安装最新的webpack版本。

  • 如果不出现error,则安装成功

  • 安装成功之后,还要装个webpack-cli工具,执行npm install webpack-cli -g

  • 最后一步配置环境变量就ok了

配置环境变量

打开控制面板
在这里插入图片描述
选择系统与安全里面的系统,再选择高级系统设置
在这里插入图片描述
选择环境变量
在这里插入图片描述
然后在用户变量中新建一个用户变量,变量名为 PATH,变量值我的是“D:\nodejs\node_global”。点击确定。
在这里插入图片描述
点击确定再在系统变量中新建一个系统变量,变量名为 NODE_PATH,变量值我的是“D:\nodejs\node_global”。然后一直点确定就好了。
在这里插入图片描述

  • 注意用户变量和系统变量变量值的地址要和前面说的node_global文件的路径一样,不然webpack会找不到文件
    在这里插入图片描述
    都执行完再重新打开cmd,执行webpack -v ,成功
    在这里插入图片描述
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值