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

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

http://www.xdnf.cn/news/448.html

相关文章:

  • Flask应用部署通用指南
  • [Windows] Wireshark 网络抓包工具 v4.4.6
  • 【MATLAB海洋专题】历史汇总
  • C++学习之路,从0到精通的征途:vector类的模拟实现
  • 算法期末复习
  • 基于Fabric.js的选座布局系统开发笔记
  • 如何系统地入门学习stm32?
  • Linux419 三次握手四次挥手抓包 wireshark
  • python程序的流程
  • 移动自动化测试-appium
  • thanos rule组件和prometheus区别?
  • 5G基站设计难题:尺寸、重量、功耗和散热
  • HashMap 初步理解 put 操作流程 HashMap 的线程安全问题
  • 精益数据分析(5/126):解锁创业成功的关键密码
  • FPGA练习———DDS波形发生器
  • 一个项目中多个Composer的使用方法
  • 读文献方法
  • Linux系统之diff3命令详解
  • Nodejs数据库单一连接模式和连接池模式的概述及写法
  • 2024-04-19| Java: Documented注解学习 JavaDoc
  • 【网络篇】TCP vs UDP底层区别+网络编程概念
  • 网络爬虫和前端相关知识
  • 根据Exif信息纠正图片方向
  • MYSQL初阶(暂为自用草稿)
  • 哔哩哔哩工具箱:BiliTools v1.3.2
  • PyTorch数据操作基础教程:从张量创建到高级运算
  • 2563.统计公平数对的数目 是否顺序无关?
  • 【java实现+4种变体完整例子】排序算法中【希尔排序】的详细解析,包含基础实现、常见变体的完整代码示例,以及各变体的对比表格
  • Java 内存优化:如何避免内存泄漏?
  • 系分架构论文《论高并发场景的架构设计和开发方法》