自学内容网 自学内容网

vue 版本升级

Vue 3.4 升级了组件产值方式 v-model ,果断升级玩玩,记录一下升级过程

我的原Vue版本是3.2.13 升级到目前最新3.5.12

1.

npm add vue@latest

2.

npm add -g @vue/cli@latest

安装完成后记得查看是否有如下警告

这个警告是说eslint-plugin-vue package支持 node 12.22或者 14.17 或者 16.0.0以上版本,但是当前你的版本是 12.19.0,版本太低了需要更新 node版本

怎么更新node版本呢,windows用户需要到node官网下载msi的可执行文件

下载完毕之后双击安装,安装路径选择和第一次一样的路径,如果忘记路径可以win+r 进入到cmd里输入下面代码,就可以看到上次安装路径了

where node

选完路径后,一路下一步,什么也需要选,node就更新好了

接下来更npm,在上面cmd命令行中输入下列命令,npm就更新完毕了

npm install -g npm

这就升级结束了,如果项目可以启动的话,如果不能请继续往下看,项目有很多依赖项如router,vuex等版本不对时就会启动失败可以通过下面命名查看依赖项

npm outdated

下一步就是更新这些依赖项,你可以使用下列命令将启动报错的依赖一个一个更新

npm add -g Package@版本(最新版是latest)
npm add -g axios@latest

或者直接全部更新到最新版本

将Vue项目中node_modules 和 package-lock.json删除,然后执行

npm install

好了再次启动成功运行,祝大家玩的开心 ღ( ´・ᴗ・` )比心


原文地址:https://blog.csdn.net/qq_42747738/article/details/143610341

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!