‘webpack‘ 不是内部或外部命令解决办法以及npm配置

今天在使用react的时候在开发工具中使用webpack打包的时候总是出现‘webpack’不是内部文件。最后通过自己的努力解决了这个问题,总结一下解决过程

1.判断环境是否安装好了

node -v  //判断是否安装了node环境
npm -v //查看npm是否正确的
//若两个都有版本好出来说明环境是好的

2.webpack是否安装成功了

npm install webpack -g//安装webpack在全局变量中
npm install webpack-cli -g//安装webpack-cli在全局变量中

3.查看全局node安装的全局位置

npm get prefix//查找node全局安装的文件的位置

4.若你的地址返回是undefined说明你的全局变量没有配置

5.找到你的node安装路径或者你自己要的安装路径

where node //来查找你的node的安装位置

6.在安装的位置上创建 node_cache 和 node_global 文件夹(也可以在其他位置创建,为了以后好找你的统一的node全局的资源建议)

7.设置你的全局地址到node中能被识别的位置

npm config set cache "C:\Program Files\nodejs\node_cache"//回车
npm config set prefix "C:\Program Files\nodejs\node_global"//回车

8.在win+R cmd中进行使用webpack看是否还在报不是内部文件若报执行下面的操作

9.配置环境变量

在NODE_PATH中和编辑中的path中全部添加C:\Program Files\nodejs\node_global  全局位置的值

10.测试

在win+r cmd中使用webpack看是否还会出现 不是内部命令 若没有出现则说明按照好了,可能会报错。在你的开发工具中“新打开一个” 控制台进行webpack的操作。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值