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

鄙人之前在安装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如下图所示
【NPM】npm i webpack -g或npm i create-react-app -g之后提示command not found解决方案_第1张图片

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

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

**

  1. 找到 webpack.cmd 文件所在地。例如我的是在
    【NPM】npm i webpack -g或npm i create-react-app -g之后提示command not found解决方案_第2张图片
  2. 发现了新大陆有木有,之前安装过的东西都在这,但是就是不能用。首先复制该路径,然后添加到环境变量中去。具体:右键我的电脑–>属性–>高级系统设置–>环境变量–>选中Path,编辑–>新建,粘贴进去即可
    【NPM】npm i webpack -g或npm i create-react-app -g之后提示command not found解决方案_第3张图片
  3. 大功告成。既然全局安装后没有自动添加到环境变量中,那我就手动添加
    在这里插入图片描述
    终于解决了, create-react-app vue-cli 也能用了
    **
    tips: 怎么找到 webpack.cmd文件?
  • 1.全局搜索: 简单方便,就是比较慢
  • 2.随便使用cmd全局安装一个包,如npm i webpack -g,根据提示找到,例如下图的第四行命令
    【NPM】npm i webpack -g或npm i create-react-app -g之后提示command not found解决方案_第4张图片
    教训:安装nodejs的时候。还是老老实实选择默认路径吧…

你可能感兴趣的:(前端面试,webapck,nodejs)