webpack安装成功但提示错误的解决办法
导入:当已经成功安装webpack后,使用webpack命令时,命令行提示“webpack不是内部或者外部命令…”,这是因为环境变量没有配置成功,具体方法如下:
前提
- 成功安装了nodejs,可在命令行如下命令查看,成功则返回版本号
node -v //检测node是否安装成功
下载webpack前准备工作
-
找到nodejs下载的位置,并在nodejs文件夹下创建两个文件夹(这两个文件夹如果已存在就无需下载):
node_cache
node_global我的安装目录如下:
D:\nodejs //我的nodejs安装目录
D:\nodejs\node_cache
D:\nodejs\node_global -
文件创建完成以后,打开命令行输入如下命令,配置路径:
npm config set cache "D:\nodejs\node-cache"
回车
npm config set prefix "D:\nodejs\node_global"
回车
下载安装webpack
-
全局安装(这里为了更直观,建议全局安装)
npm install webpack -g
-
局部安装(即安装在所在项目内)
npm install webpack -D
-
下载成功提示:只要没有提示error相关的信息即可,也可在node_global文件中查看,可以看到,里面的内容发生变化
配置环境变量用
-
以上操作成功后,进行环境变量的配置,操作步骤:“此电脑”右击→属性→高级系统设置→高级→环境变量(N…)→分别对用户变量和系统变量的路径path中添加如下路径配置
D:\nodejs\node_global
-
环境变量配置完成后,再次在命令行中输入webpack,出现successfully相关提示即成功