自己是个小白,我安装就出现了这个问题,经过过多次尝试总结出这个办法,亲测有效。
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 ,成功