vue项目版本升级以及项目中遇到的问题附带解决方案

起因:
最近vue3.0已经更新,自己电脑也跟着安装了一波最新的处理,但是当你打开你老版本的项目时几乎每个页面打开的时候都会报一个==warn==([Vue warn]: ==$attrs== is readonly),虽然不会影响代码正常运行但是看着属实很难受,后来找了一下原来是版本问题,是本地的vue版本和你项目的vue版本,黑色是我本地的,


在这里插入图片描述
在这里插入图片描述

解决办法

解决问题的办法这里提供两种:
1:降低版本
2:升级版本
早晚都带干的事,尽量早干,别拖。

减低版本

npm uninstall vue

npm i vue@版本号 -S

升级 vue && vue-template-compiler(孔小弟选择)

由于vue在项目中最新的版本是==2.6.11==,所以我就把我项目的vue和vue-template-compiler更新到了2.6.11,

升级方法:直接改变package.json中响应的版本就可以了,
第一步:==vue:2.6.11==,==vue-template-compiler:2.6.11==
第二步:cnpm install
第三步:npm run serve 启动项目就可以

升级之后的问题

由于版本升级,所以相对的代码有的被废弃掉了,有的是新增的所以我遇到了以下问题
问题一:

报错 (Emitted value instead of an instance of Error) the "scope" attribute for scoped slots have been deprecated and replaced by "slot-scope" since 2.5. The new "slot-scope" attribute can also be

原因:看提示就可以看出原因,或者有道,说是scope被废弃了被slot-scope新陈代谢了

解决办法:项目中所有的 ==scope== 改成 ==slot-scope==
快捷方法:使用VS全局搜索<------->全局替换--------至此本地结束安排上了

在这里插入图片描述

在这里插入图片描述

发版线上部署问题

项目要跑到服务器,所以服务器也要更新成和你本地的版本一致,不然你页面打不开的
公司发版用的 JenKins 发版比较方便,就是发的有点慢………

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。