运行项目时报错: ‘webpack‘ 不是内部或外部命令,也不是可运行的程序 或批处理文

运行项目时报错: ‘webpack’ 不是内部或外部命令,也不是可运行的程序 或批处理文

引用文章https://blog.csdn.net/jifukui/article/details/100156672

https://www.cnblogs.com/steamed-twisted-roll/p/11299429.html

因为当时报错到时候没截图,我这里就不放图片了

报这个错时因为没有全局安装webpack,

解决方法:

1.确保nodeJS已安装

  1. 找到nodejs目录,我的目录是图片上这个,你的可能不一样,看下有没有以下两个文件,没有就新建
    在这里插入图片描述

  2. 修改全局路径,需要把默认的安装包路径改成nodejs里面这两个新建的文件

配置全局路径:npm config set prefix “C:\Program Files\nodejs\node_global”
配置缓存路径:npm config set cache “C:\Program Files\nodejs\node_cache”

注意: 这里的路径是你刚刚新建的文件的路径,你可以在文件处右击–>复制当前路径

  1. 修改系统的环境变量

桌面–> 我的电脑 --> 右击 属性 --> 高级系统设置 --> 环境变量(或者直接打开控制面板)
在这里插入图片描述

点击新建,创建一个NODE_PATH的系统变量,路径为你创建的node_global文件路径再增一级node_modules,如图

在这里插入图片描述在这里插入图片描述

在系统变量的path中增加刚刚添加的路径

在这里插入图片描述

在用户变量中新增一个PATH,路径和NODE_PATH一样

在这里插入图片描述

  1. 全局安装webpack

npm install webpack -g

注意: 如果安装的是较高版本的webpack,(现在安装的版本都比较高),还需要安装webpack-cli

npm install webpack-cli -g

安装的时候可能有一些warn警告,不影响,只要安装好包就可以

安装之后你可以到nodejs的文件夹下看下是否有webpack包了
在这里插入图片描述

  1. 运行webpack -v查看当前版本
  2. 在这里插入图片描述

这样就安装好了,(这里我安装的版本比较低),可以到项目中使用

注意: 安装之后如果没关闭运行窗口,直接webpack-v,还是会报’webpack’不是内部或外部命令…,一定要把运行窗口关闭后,重新打开运行,项目中也是,先把运行窗口关闭在使用webpack的命令.我安装的时候没关闭窗口,结果一直报错,我删了安装了好几遍,坑死了

在项目中运行:
在这里插入图片描述

分类: 项目bug, webpack

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值