当前位置: 首页 > news >正文

从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差不多了,后续遇到接口问题以及其他功能会继续更新!

相关文章:

  • jmeter利用csv进行参数化和自动断言
  • 十一、数据库day03--SQL语句02
  • 腾讯旗下InstantCharacter框架正式开源 可高度个性化任何角色
  • MySQL中常用函数的分类及示例
  • Java基础问题定位之调试
  • 深度学习语音识别
  • 蓝桥杯之递归二
  • 日语学习-日语知识点小记-进阶-JLPT-N2阶段(6): - (1)ても てでも特别强调(2)~もしないで = 聞かないで:根本不做某动作”
  • Kubernetes相关的名词解释kube-proxy插件(3)
  • Python+Selenium+Pytest+POM自动化测试框架封装(完整版)
  • 【MySQL数据库】数据类型
  • 编程语言基础 - C++ 面试题
  • 基于WiFi的智能教室数据监测系统的设计与实现
  • 多人3D游戏完整实现方案
  • 为什么信号完整性对于高速连接器设计至关重要?
  • 动态规划算法的欢乐密码(一):斐波那契数模型
  • go-map+sync.map的底层原理
  • 洛谷B3862:图的遍历(简单版)← 链式前向星
  • 结构体详解
  • 《AI大模型应知应会100篇》第27篇:模型温度参数调节:控制创造性与确定性
  • 中央民族乐团团长赵聪已任文旅部艺术司司长
  • 美菲开始举行年度军演,外交部:菲公然站在地区国家的对立面
  • 人民日报读者点题·共同关注:花粉过敏增多,如何看待城市绿化“成长的烦恼”
  • 《“四有”好老师系列丛书》发布,由顾明远总主编
  • 吕治国执掌全国唯一的热带海洋大学,曾从教育部“空降”海南
  • “站在亚洲实现整体振兴的新起点上”——习近平主席对越南、马来西亚、柬埔寨进行国事访问纪实