微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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 [email protected] -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 ,成功

    在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐