从0开发一个unibest+vue3项目,使用vscode编辑器开发,总结vue2升vue3项目开始,小白前期遇到的问题
开头运行可看官网
链接: unibest官网
一:vscode中vue3代码显示报错标红波浪线
去查看扩展商店发现一些插件都弃用了,例如h5的插件以及vue老插件
解决办法:下载Vue - Official插件(注意:横杠两边是要加空格的!!要不然搜不到),禁用Vuter插件,这个插件对ts并不友好,会一直出现报错!
二:unibest中获取本地图片路径报错
这部分代码没有问题,找到page/index/index.vue下这段代码
将type=“home”这部分删掉就恢复好了
三:pages.json代码保存了总是一会儿就不见了
其他vue文件都没问题,就是json文件保存设置很容易消失不见
解决办法:找到项目文件夹根目录下的.github或者.git文件删除
后续有需要提交的时候下载就好,要不然会有管理版本控制系统检测,没有提交git就会开始回溯之前的代码~
四:下载安装并引入uv-ui组件
pnpm i @climblee/uv-ui
在根目录下载
找到page.json里的这行代码加上
"^uv-(.*)": "@climblee/uv-ui/components/uv-$1/uv-$1.vue"
五:用uv-ui组件但是样式不显示或无效
在Vue3+unibest中用到了这个组件,是在vscode编辑器写的,习惯性写了view标签,改成
<uni-view/>
后uv的ui组件才会有用,同时注意pages文件有没有引入哦~
写到这里已经从vue2转vue3差不多了,后续遇到接口问题以及其他功能会继续更新!