使用nvm在win10系统安装多个nodejs版本解决低版本前端项目运行报错问题

简介: 使用nvm在win10系统安装多个nodejs版本解决低版本前端项目运行报错问题

一、原因分析

我电脑安装的nodejs是 16.14.0 其实不是最新的,但是在运行一个2年前的vue2项目时,该项目用的是vue-admin-template 模板,却跑不起来,报如下错误:

node sass does not yet support your current environment windows 64-bit with unsupported runtime (93)

最开始是搜索相关错误原因,但是按照这种解决方式,均解决不了:

npm uninstall node-sass
npm i sass

后面发现,是因为nodejs的版本问题,我目前电脑按照的是16.14.0,需要降级为12.20的版本。

二、使用nvm-windows安装和管理nodejs版本

💡 注意:安装之前徐卸载之前电脑上的nodejs,卸载过程跟卸载普通的软件一样。

  1. 下载
    https://github.com/coreybutler/nvm-windows/releases/tag/1.1.9 下载最新版本,选择:

  1. 安装
    下载后安装到除C盘外的硬盘,比如安装到D盘。
    其余傻瓜式安装,一路点击下一步,直到安装成功。
  2. 配置
    进入nvm-windows安装目录,编辑settings.txt,在已有内容基础上增加如下内容:
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
  1. 这个是配置nodejs的镜像源,以便能nvm list 列出可用的nodejs版本和下载版本。

三、使用nvm配置和安装nodejs

先用管理员方式打开powerShell,然后按照下图使用:

这里可以查看完整版的node list安装列表,意味着你可以安装非常多的版本:

Previous Releases | Node.js

四、nvm一些基本的命令

上图中的命令其实已经够用,现在总结如下:

# 查看已安装的nodejs版本
nvm list
# 查看所有可安装的nodejs版本
nvm list available
# 安装nodejs
nvm install 14 # 如果只填前面的数字,则默认安装本版本的最新版,这里真实安装版本为14.19.1
nvm install 14.19.1 # 也可指定具体版本安装
# 使用指定版本的nodejs(初次使用,需要指定版本)
nvm use 14.19.1 # 需使用完整版本号,才能指定成功
node -v # 输出版本号,则nodejs指定成功,可以开始使用
#  卸载指定nodejs版本
nvm uninstall 14.19.1

五、常见问题

  1. 在切换了nodejs版本后,之前安装的yarn、cnpm也不再有效,需要重新安装
# 启用node版本
nvm use 14.0.0
# 重新安装yarn
npm install -g yarn
# 切换node版本
nvm use 12.0.1
# 重新安装yarn
npm install -g yarn
# 安装淘宝镜像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
  1. cnpm i安装依赖包时,报错
Error: Cannot find module 'fs/promises'
  1. 这是因为nodejs版本太低,而cnpm版本较新导致,也就是要安装配套的cnpm版本,即cnpm也需要降低版本,降低版本步骤如下:
npm uninstall -g cnpm  #先卸载安装的cnpm
npm install cnpm@7.1.0 -g  #再安装指定的版本


相关文章
|
2月前
|
前端开发
如何解决前端工程化中出现的版本冲突问题?
如何解决前端工程化中出现的版本冲突问题?
74 4
|
12天前
|
JavaScript
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
nodejs安装之npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED reason: certificate has expired-证书错误通用问题解决方案-优雅草央千澈
|
17天前
Node安装版本低于工程版本时打包绕过校验
在开发中,若本地Node版本低于项目配置要求,导致打包报错(如图所示),可在不变更本地环境的情况下,通过在执行`npm run build`前输入命令`set NODE_OPTIONS=--openssl-legacy-provider`来绕行此问题,确保构建顺利进行。
40 10
|
2月前
|
Web App开发 JavaScript 前端开发
2024年5月node.js安装(winmac系统)保姆级教程
本篇博客为2024年5月版Node.js安装教程,适用于Windows和Mac系统。作者是一名熟悉JavaScript与Vue的大一学生,分享了Node.js的基本介绍、下载链接及简单安装步骤。安装完成后,通过终端命令`node -v`验证版本即可确认安装成功。欢迎关注作者,获取更多技术文章。
39 2
2024年5月node.js安装(winmac系统)保姆级教程
|
2月前
|
存储 JavaScript 搜索推荐
Node框架的安装和配置方法
安装 Node 框架是进行 Node 开发的第一步,通过正确的安装和配置,可以为后续的开发工作提供良好的基础。在安装过程中,需要仔细阅读相关文档和提示,遇到问题及时解决,以确保安装顺利完成。
143 2
|
3月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
159 1
|
2月前
|
JavaScript Linux iOS开发
详解如何实现自由切换Node.js版本
不同的项目中需要使用不同版本的 Node.js,有时旧项目需要旧版本,而新项目则可能依赖最新的 Node.js 版本
111 0
|
3月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
60 2
|
3月前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
118 0
|
3月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装