【NPM】npm i webpack -g或npm i create-react-app -g之后提示command not found解决方案

野性酷女 2022-01-21 11:35 286阅读 0赞

鄙人之前在安装webpack，yarn，react-react-app，vue-cli时，明明是按着官方文档进行安装的，而且提示安装成功了

npm i webpack webpack-cli -g
    npm i create-react-app -g
    npm i yarn -g

不管是 -g 还是–save都不管用，但是老是出现 **xxx command not found**如下图所示  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70]

什么鬼？提示`command not found`， 个人觉得是安装完后没有添加到环境变量中去，说好的全局安装`-g`之后，会自动帮你添加到环境变量的呢？偶然一个机会，发现了问题

废话不多说，解决上面的问题。  
例如解决 `webapck:command not found`

\*\*

1.  找到 webpack.cmd 文件所在地。例如我的是在  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 1]
2.  发现了新大陆有木有，之前安装过的东西都在这，但是就是不能用。首先复制该路径，然后添加到环境变量中去。具体：右键我的电脑–>属性–>高级系统设置–>环境变量–>选中Path,编辑–>新建，粘贴进去即可  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 2]
3.  大功告成。既然全局安装后没有自动添加到环境变量中，那我就手动添加  
    ![在这里插入图片描述][20190610005645514.png]  
    终于解决了， create-react-app vue-cli 也能用了  
    \*\*  
    **tips： 怎么找到 webpack.cmd文件？**

*  1.全局搜索： 简单方便，就是比较慢
 *  2.随便使用cmd全局安装一个包，如`npm i webpack -g`，根据提示找到，例如下图的第四行命令  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 3]  
    **教训：安装nodejs的时候。还是老老实实选择默认路径吧…**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70]: /images/20220121/e72879f5c40249af9deac792ef0ce5d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 1]: /images/20220121/a2a6b83a6e974b7c9cd35da96c4ea390.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 2]: /images/20220121/86a1448186bb407fba752a399aef9f6b.png
[20190610005645514.png]: /images/20220121/228481028efd4123b11148da68d0fde4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpemhlbmd4dg_size_16_color_FFFFFF_t_70 3]: /images/20220121/2ea145231e6d4db2a9a85a171c5f18b7.png