使用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  #再安装指定的版本


相关文章
|
25天前
|
前端开发
windows10 安装node npm 等前端环境 并配置国内源
windows10 安装node npm 等前端环境 并配置国内源
44 3
|
1月前
【Node】Mac多版本Node切换
【Node】Mac多版本Node切换
47 1
|
3天前
Node历史版本下载及配置npm镜像
Node历史版本下载及配置npm镜像
18 1
|
2天前
|
运维 JavaScript Devops
阿里云云效操作报错合集之node.js构建时,报错:The build failed because the process exited too early.该怎么办
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
3天前
|
JavaScript Linux
Linux安装nodejs指定版本
Linux安装nodejs指定版本
6 0
|
1月前
|
JavaScript 前端开发 NoSQL
构建基于Node.js的全栈应用:从前端到后端的完整指南
【5月更文挑战第24天】本文是关于使用Node.js构建全栈应用的指南,涵盖前端(React或Vue)、后端(Node.js + Express)和数据库(MongoDB)的选型与实现。文章介绍了项目结构、前端组件化开发、后端API接口编写、前后端联调及部署上线的注意事项,帮助读者掌握全栈开发流程。
|
24天前
|
Web App开发 资源调度 JavaScript
【保姆级】前端使用node.js基础教程
【6月更文挑战第3天】Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境,用于服务器端编程。常用命令包括:安装 Node.js,通过 `node -v` 查看版本;使用 npm(Node 包管理器)进行初始化、安装/卸载包、查看版本和更新;运行 `.js` 脚本;使用 `node inspect` 调试;借助 nodemon 实现自动重启;通过 `npm list` 管理包;
11 0
|
1月前
|
JSON JavaScript 前端开发
vue前端运行时出现RangeError: Maximum call stack size exceeded
vue前端运行时出现RangeError: Maximum call stack size exceeded
26 4
|
1月前
|
JavaScript
vue启动报错解决Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
vue启动报错解决Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
|
11月前
|
资源调度