当前位置: 首页 > news >正文

使用NVM下载Node.js管理多版本

提示:我解决这个bug跟别人思路可能不太一样,因为我是之前好用,换个项目就不好使了,倦了

文章目录

  • 前言
  • 项目场景一
  • 项目场景二
  • 解决方案:
    • 下载 nvm
    • 安装 nvm
    • 重新下载所需Node 版本
    • nvm常用命令
  • 项目结构说明


前言

提示:这里可以添加本文要记录的大概内容:

新机安装 nvm 后运行前端vue

不要下 Node.js

我使用NVM来安装Node.js,主要是为了解决一个特定的报错:当我直接安装Node.js并尝试使用npm时,遇到了一个错误,提示 “npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称”
遇到npm命令未识别的错误后,我改用nvm安装Node.js,因为它能自动处理路径问题,避免手动配置出错,确保环境稳定。


项目场景一

提示:以下是本篇文章正文内容,下面案例可供参考
项目运行出现这个bug:

Error from chokidar (D:\): Error: EBUSY: resource busy or locked, istat 'D:\Dumpstack.log.tmp'

在这里插入图片描述
resource busy or locked 表示资源被锁定

重启电脑后还是这个报错

经过大佬指点:node版本不对,换低版本的就好了


下面直接说解决办法(降低node.js版本)以及VUE项目需要怎么运行

项目场景二

首先我 npm install 在当前项目中安装所需的依赖包,结果报错
请添加图片描述

随后尝试在别的地方下载14.21.3版本,然后使用nvm use 14.21.3(我的项目需要这个版本)

请添加图片描述

然后我查询当前系统中安装的 Node Package Manager(npm)的版本号npm -v,结果还是报错
在这里插入图片描述

因为我前面已经使用了14.21.3版本的Node了

解决方案:

所以,我是直接找到 nvm 安装位置,直接删了重新下,这个过程需要等几分钟
请添加图片描述

下载 nvm

NVM 是一个用于在同一个系统上管理多个 Node.js 版本的工具。

Node.js 可以通过不同的方式安装,nvm 它允许你轻松切换 Node.js 版本,因为不同的项目,所需Node版本不同

下载nvm下载,我选的是.exe,傻瓜式安装即可
在这里插入图片描述

安装后在cmd中输入nvm version,能查到版本号说明安装成功了
在这里插入图片描述
在终端输入 nvm list available, 查看 node 可以安装的版本。
在这里插入图片描述
即便上面没有所需要的版本,直接输入nvm install 版本号也可以下载
选择一个版本安装,比如 nvm install 18.15.0
在这里插入图片描述
输入nvm list 查看已经安装的 node,*号表示当前使用的 node 版本
在这里插入图片描述

如果要使用下面的14.8.0这个版本就nvm use 14.8.0

安装 nvm

在这里插入图片描述
该安装路径
在这里插入图片描述

在这里插入图片描述
点击安装,点击结束

重新下载所需Node 版本

这时候nvm list 可以看到什么都没有

然后再重新下载 14.21.3版本
请添加图片描述

在这里插入图片描述
cmd运行命令提示符,使用该版本,查看npm版本号:这时候是有npm的,6.14.18的版本
在这里插入图片描述
但是在WebStorm 里面运行就显示报错
在这里插入图片描述

这里是直接打开文件所在位置
请添加图片描述
Vue文件夹里直接cmd

请添加图片描述
这时候再npm install
请添加图片描述
如果npm install在文件所在位置也不成功,可以试试:管理员打开cmd,强制安装(临时解决)
使用 --legacy-peer-deps 忽略版本冲突(可能导致运行时错误)

npm install --legacy-peer-deps

在这里插入图片描述

需要几分钟时间
结束后在 WebStorm 中运行

请添加图片描述

等运行完再运行npm run serve就好了

nvm常用命令

nvm常用命令——正在更新中~ ✨

在这里插入图片描述

命令说明
nvm list列出所有已经安装在你系统上的 Node.js 版本
nvm install 指定版本用于安装指定版本的Node.js
nvm use 指定版本切换当前使用的Node.js版本
nvm -v用于查看NVM本身的版本号
nvm uninstall 指定版本卸载指定的Node.js版本
  • WebStorm 里的配置
    在这里插入图片描述
    在这里插入图片描述
  • 浏览器解决跨域问题:
    右键浏览器发送到桌面快捷方式,属性→快捷方式→目标位置
    前面有空格
 --args --disable-web-security --user-data-dir="C:/ChromeDevSession"

项目结构说明

在这里插入图片描述
在这里插入图片描述


http://www.mrgr.cn/news/97440.html

相关文章:

  • 下载安装Node.js及其他环境
  • Opencv计算机视觉编程攻略-第十节 估算图像之间的投影关系
  • Linux服务宕机,java服务导致的内存溢出
  • Uni-app入门到精通:uni-app的基础组件
  • 量子纠错码实战:从Shor码到表面码
  • k8s的StorageClass存储类和pv、pvc、provisioner、物理存储的链路
  • WebRTC技术简介及应用场景
  • 蓝桥杯 web 展开你的扇子(css3)
  • 通过ansible+docker-compose快速安装一主两从redis+三sentinel
  • Gateway 网关 快速开始
  • verilog学习--1、语言要素
  • 【大模型深度学习】如何估算大模型需要的显存
  • C# 与 相机连接
  • 使用python-pptx操作PowerPoint文档详解
  • Django接入 免费的 AI 大模型——讯飞星火(2025年4月最新!!!)
  • 十、C++速通秘籍—多进程
  • Java八股文-List集合
  • 量子计算入门:Qiskit实战量子门电路设计
  • 【QT】QT的多界面跳转以及界面之间传递参数
  • 【stm32--HAL库DMA+USART+空闲中断不定长收发数据】