系统环境变量导致webpack-dev-server无效命令

由于本人删过一次系统的path环境变量,导致在命令行下如tree等命令不好用,提示无效命令。webpack的热更新webpack-dev-server也一直不好用。百度了一下应该是环境变量导致的。

clipboard.png
已确认package.json webpack.config.js无误

按照百度到的资料http://blog.csdn.net/u0134462...
在node.js目录下新建两个文件夹node_cathe node_global

clipboard.png
然后按照百度到的文章中说的,只是路径换成上图中我自己的路径

clipboard.png
添加新的NODE_PATH路径 这里依然换成我自己的路径

clipboard.png
最后发现并没什么用,反倒有更多的麻烦。以前还能正常全局安装webpack,现在全局安装也报错了。我换成cnpm也一样报错

clipboard.png

哪位大侠救救我!

回复
阅读 4.4k
3 个回答

重装 Node.js,注意勾选 npm modules,安装程序会重新配置 Path,不过安装完成之后有可能需要重启计算机生效(其实是即时生效,但是有很多各种情况的不同处理,如果装完测试没用,就干脆重启来得简单),如下图

clipboard.png

另外,也可以找一台全局安装 webpack (或其它工具) 的机器,使用 where 命令查找命令位置,一般来说应该是在
C:\Users\uername\AppData\Roaming\npm

我的机器目前是使用的 Yarn,配置的 bin 目录是在 C:\Users\james\AppData\Local\Yarn\.bin,关于 Yarn 安装全局,可以看看使用 yarn global 代替 npm -g

把你后面手动修改的path先删了,然后重装nodejs和npm,然后再全局安装webpack之类的的应该就行了。

如果 webpack-dev-server 在 devDependencies 里的话,使用 ./node_modules/.bin/webpack-dev-server 一样是可以执行的,在 node_modules 下创建了软链接到执行的脚本。

如果 webpack-dev-server 在全局安装的话,在没有 PATH 的情况下可以改 prefix 的方法继续这样使用

which node 看一下 node 的安装目录,你的所有全局安装的 node_modules 的可执行脚本都在这里,把环境变量重新设置回来就可以了。

宣传栏