在Ionic项目中更新Vue遇Node版本不兼容问题求助

问题详情 #

我有一个基于Vue 3.4的Vue/Vuetify项目，计划合并到从Ionic官网示例创建的Ionic项目中（该Ionic项目使用Vue 3.3，无法满足需求）。执行npm update vue命令时出现以下错误：

执行命令：

PS C:\Users\quilk\source\repos\ionic\wordwheel> npm update vue

错误输出：

npm ERR! code EBADENGINE
npm ERR! engine Unsupported engine
npm ERR! engine Not compatible with your version of node/npm: wordwheel@0.0.1
npm ERR! notsup Not compatible with your version of node/npm: wordwheel@0.0.1
npm ERR! notsup Required: {"npm":">=9.0.0 <10.0.0","node":">=20.0.0 <21.0.0"}
npm ERR! notsup Actual:   {"npm":"9.6.3","node":"v19.9.0"}

已通过nvm安装三个Node版本，且指定使用20.8.1：

PS C:\Users\quilk\source\repos\ionic\wordwheel> nvm ls

20.8.1
18.12.1
16.19.0

尝试过以下操作但均无效：

• 在package.json中添加引擎配置：

  "engines" : { 
  "npm" : ">=9.0.0 <10.0.0",
  "node" : ">=20.0.0 <21.0.0"
  },
  

• 执行npm cache clean -f
• 搜索项目文件夹未找到'19.9.0'相关内容
• 重启电脑

疑惑点：系统始终识别为Node v19.9.0，但原项目执行npm update vue无此报错。

排查与解决步骤 #

• 确认终端当前Node版本：在项目目录终端执行node -v和npm -v，验证实际运行的版本是否为19.9.0，确认nvm切换是否生效。
• 强制切换Node版本：在项目目录终端执行nvm use 20.8.1，切换完成后再次用node -v确认版本。若切换失败，尝试以管理员身份打开终端重试。
• 检查全局Node冲突：执行where node，查看输出路径是否包含非nvm管理的Node版本。若有，卸载全局Node或调整系统环境变量，确保nvm的路径优先级更高。
• 临时跳过引擎校验：若版本切换遇到阻碍，可临时执行npm update vue --force跳过校验完成升级，但此为临时方案，长期需保证Node版本符合要求。
• 检查nvm环境变量：打开系统环境变量，确认NVM_HOME和NVM_SYMLINK指向正确，且在Path中的位置位于其他Node路径之前。

内容的提问来源于stack exchange，提问作者quilkin