如何在ionic项目中正确更新node.js

Question

我有一个使用 vue / vuetify 的项目，我正在尝试将其合并到 Ionic 项目中（后者最初是作为 Ionic 站点的示例）。 原始项目运行正常，使用 vue 版本 3.4 。 Ionic 项目使用 Vue 3.3 版本，这对我来说没有什么好处。所以我尝试更新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: [email protected]
npm ERR! notsup Not compatible with your version of node/npm: [email protected]
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"}

我安装了三个版本的node，我要求使用版本20：

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

20.8.1
18.12.1
16.19.0

在寻找有关SO的建议后，我将其添加到

package.json

，但没有帮助

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

我也跑了

npm cache clean -f

但这没有帮助

那么，为什么系统认为我使用的是node v19.9.0？我在整个项目文件夹中搜索了“19.9.0”，但没有找到任何内容。我还重新启动了电脑。

如果我在原始项目中运行

npm update vue

，它会很高兴，没有“不支持的引擎”消息。

Answer 1

首先，您应该安装 nvm 来管理您的 Node 版本。您将能够非常轻松快速地安装、删除和设置新的。

然后您可以卸载计算机上的每个版本的节点并执行以下操作：

• nvm 安装 20
• nvm 使用 20 这会将您所在的本地项目中的节点版本设置为 v20。

您还可以拥有一个全局定义的版本，例如

nvm alias default 20.10.0

。

---

至于 Vue 升级，请转到

package.json

文件并在那里升级版本。
然后运行

npm install

来更新依赖项。