webpack:optional dep failed

辟谣

居然有人说是node版本太低,完全不是酱紫好么?!

Reason

出现这样的原因肯定是对node的安装路径做了修改,那就肯定跟环境变量有关啦。

配置

随便一搜,网上各种各样的配置方法,具体就不一一列举了,直接说环境变量的配置

安装目录:D:\software\nodejs
文件夹排列如下

webpack:optional dep failed_第1张图片
nodejs文件夹

已进行过如下设置

npm config set prefix "d:\software\nodejs\node_global"
npm config set cache "d:\software\nodejs\node_cache"

若命令行不管用,请在如图所示的node_moudles/npm/npmrc添加如下配置:

prefix = D:\software\nodejs\node_global
cache = D:\software\nodejs\node_cache

下面贴下环境变量的各种配置吧:
1、系统变量

NODE_PATH:D:\software\nodejs\node_global\node_modules

Path里前面有什么都不用管,只要在最后添加nodejs安装目录即可,路径如下:

;D:\software\nodejs;

注:开始的封号不能省略哦
2、用户变量

     PATH:C:\Users\用户名\AppData\Roaming\npm;
          D:\software\nodejs\node_global;
          D:\software\nodejs\node_global\node_modules

一定要有以上三项:
1、npm所在目录,这个一般不会变
2、node_modules运行目录,即webpack.cmd安装后所在目录(很重要!)
3、node_modules安装目录

以上三个路径缺一不可,
以上三个路径缺一不可,
以上三个路径缺一不可!!!!(重要的事情说三遍)

lz就是少了第二个路径,泪奔~~~

好了,再次安装和运行

webpack -v 

如下图所示,成功!


webpack:optional dep failed_第2张图片
webpack -v

你可能感兴趣的:(webpack:optional dep failed)