背景
这是一个金融类的项目:营销平台,项目是vuecli4搭建的vue2+elementUI+vant+antv PC端项目,需要内网开发
共有** 60万行代码 **,1720个vue文件,使用了一些只能适配vue2的依赖库和技术,需要找替代库和替代方案
一 把项目备份然后使用gogocode进行转换
先将源代码进行格式化转换,方便以后和转换出来的比对
1. 执行vue2转vue3的命令
2. 执行依赖库升级命令
3. 执行element升级命令
转换后肯定是起不来的,有很多很多报错,把转换后的代码备份,从main.js开始一点一点复制过来
4. 项目中使用了 vue-property-decorator gogocode无法转换,使用vue-class-migrator来转换
坑点:
1. ***window.$vueApp = Vue.createApp(App)要放到最上方 ***
2. Cannot read properties of undefined (reading 'type')
TypeError: Cannot read properties of null (reading 'content')
编译阶段控制台报错
暂时先把相关文件删除,后续再看错误原因。
3. at-rule or selector expectedscss(css-ruleorselectorexpected)
1. 很多样式文件转换出现错误,先删掉
4. 现在,项目启动不报错了,样式还有一些问题,当下要解决的是,排查package.json中的不支持vue2的依赖
标签:vue,转换,项目,步骤,报错,vue2,vue3
From: https://www.cnblogs.com/dingtongya/p/18559822