Windows nvm 安装后webstrom vue项目编译报错,无法识别node

1 nvm安装流程

  1. 卸载原先nodejs
  2. 用管理员权限打开exe安装nvm
  3. nvm文件夹和nodejs文件夹 都授权Authenticated Users 完全控制
  4. nvm list available
  5. nvm install 16.20.1
  6. nvm use 16.20.1
  7. 输入node和npm检查版本命令,正常显示
  8. 确认系统变量和用户变量都有nvm 和nodejs

2 bug情景

  1. 打开webstorm
  2. 运行项目, 编译报错:无法识别node相关命令
  3. webstorm 打开终端,node -v 等命令报错无法识别"node"等命令
  4. 项目文件夹下打开cmd,发现node -v命令能被识别正常输出版本号
  5. webstorm 编辑运行配置确认node和npm 文件夹下有东西
  6. webstorm 左上角:File->setting->language and framework->Node.js and NPM 进行配置(和第五条配置的内容保持一致)
    Windows nvm 安装后webstrom vue项目编译报错,无法识别node_第1张图片Windows nvm 安装后webstrom vue项目编译报错,无法识别node_第2张图片

3 解决

上述第二部分的4、5、6条可以证明

  • 安装的node、npm的目录下有东西且webstorm里配置正确
  • cmd命令node、npm命令能识别正常

猜测 不是环境变量的设置问题,而是设置了变量,有缓存之类的导致webstorm软件不能正常识别

  1. webstorm :File->invalidate cache->全选后 invalidate and restart
  2. 第一步做完仍失败,关机重启电脑。重新打开项目正常编译

你可能感兴趣的:(报错集合,windows,vue.js,前端)