前情

Trae IDE上线后我是第一时间去使用体验的，但是因为一直排队问题不得转战cursor，等到Trae出付费模式的时候，我已经办了Cursor的会员，本来是想等会员过期了再转战Trae的，但是最近Cursor开始做妖了

网上有一堆怎么破解的方法，因为有国产的Trae的在那，我也懒得折腾Cursor的破解法了，我于是愉快的转战Trae

坑位

我于是满心愉快的用Trae启动了我的项目，出现在我眼前的是一片红，虽然我喜欢中国红，但是此时的红真的让我很讨厌，而且还是慌的一B的

进入文件查看了报红处，好像都是TS报的错

一直怀疑是不是我tsconfig.json的配置不对，一直在折腾它，折腾过来过去都没有得到解决方法

Why?

因为虽然报红了，但是项目都能正常跑，一度就这么假装无试报红开发着，因为项目进度不能落下，但是我又感觉自己有强迫症，一有时间空下就会寻找解决方法，直到我看到这篇文章：【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法，Vue - Official 插件3.0.2导致 - 技术栈

大致说的就是全报红是因为官方的Vue (Official)插件有问题，做版本回退就行了

解决方案

解决方案1：

也是最简单的最暴力的方式，既然是TS报的错，我直接不用TS把script上的lang=“ts”干掉即可，确实是能解决的

解决方案2：

那就做版本回滚，把IDE里现在装的Vue (Official)插件删除，装上3.0.1版本即可，点击此链接下载Vue (Official)插件3.0.1版本marketplace.visualstudio.com/_apis/public/gallery/publishers/Vue/vsextensions/volar/2025.7.2/vspackage

再在Trae里按ctrl+shift+p，输入install，选择从VSIX安装插件即可



同时去掉插件的自动更新，等待哪一天官方解决了再更新

思考

  • 对于我来说一直相信像Vue官方出品的东西应该都是稳定和可靠的，但从这次来看，他们也是像我们一样的开发者，只是在技术上可能更精通一些，但是也避不了带来这种BUG，此刻我更加我经常跟人说的一句话：任何软件只要是人写的就会有BUG，AI写的也一样，哈哈哈
  • 遇到这种一时无法解决的问题我们可以暂时放下，先保证自己工作顺利进行，再不断找寻解决办法，相信总会有那么一刻Everything is good

Trae开发uni-app+Vue3+TS项目飘红踩坑的更多相关文章

  1. Vite2+Vue3+ts的eslint设置踩坑

    目录 新项目了 Vite搭建 eslint 先安装eslint 创建.eslintrc.js 引入规则 Airbnb 配合prettier 对ts的支持 .eslintrc.js 在页面上查看esli ...

  2. vite创建vue3+ts项目流程

    vite+vue3+typescript搭建项目过程   vite和vue3.0都出来一段时间了,尝试一下搭vite+vue3+ts的项目 相关资料网址 vue3.0官网:https://v3.vue ...

  3. vue项目移植tinymce踩坑

    转载:https://segmentfault.com/a/1190000012791569?utm_source=tag-newest 2019-2-18 貌似这篇文章帮了大家一些小忙最近tinym ...

  4. 使用vite创建vue3+ts项目完整流程

    1.创建项目 npm init vite@latest 依次输入项目名称.选择vue.选择ts 2.引入依赖 cd 项目名称 npm install 3.启动项目 npm run dev 4.引入vu ...

  5. 我的Java开发学习之旅------>Eclipse 项目有红感叹号解决之道

    今天一个读者问我关于Android通过调用Webservice实现天气预报这篇文章的源码下载后出现的错误 Could not find class 'org.ksoap2.transport.Http ...

  6. Notadd 2.0 全新 Node.js 版本～ （开发中） [从 PHP 到 node 的踩坑记]

    对于 Notadd 我们本来期望它实现更多... 尽管我们也尝试做了很多努力,但是由于 PHP 本身的局限,以及考虑到开发环境配置的复杂程度,最终使用了折中方案.接下来,我们谈谈整个技术选型历程,也供 ...

  7. vue +ts 的一次踩坑日记

    在vue的方法里面写事件的时候比如写一个路由跳转,方法大概如下:  goBack1() {            console.log(this);            this.$router. ...

  8. 行内人解读开发一个App需要多少钱？

    对于很多互联网的创业者来说,评估前期的创业成本是很重要的.在这几年的创业大潮中,伴随着“互联网+”和“互联网思维”的普及,很多创业项目选择了开发app作为创业项目的载体.在我接触到的很多创业者,找Ap ...

  9. 【electron+vue3+ts实战便笺exe】二、electron+vue3开发内容

    不要让自己的上限成为你的底线 本来以为有万字的..没想到才堪堪近6000字.为了水文的嫌疑,只挑了重点的地方讲,比如component内的组件就挑了右键弹窗去说明,建议在看本文的时候边查看项目,有不懂 ...

  10. 基于Vue3+TS的Monorepo前端项目架构设计与实现

    写在前面 你好,我是前端程序员鼓励师岩家兴!去年在另一个项目https://juejin.cn/post/7121736546000044046中,我向读者朋友们介绍了结合npm包管理工具yarn作v ...

随机推荐

  1. 【记录】ChatGPT｜图片预览魔法咒语魔改，使用 ChatGPT 返回大量可以跳转的链接

    很早的时候,我已经留意到 ChatGPT 会以返回图片的 markdown 格式来显示图片,很可能拥有一定的图片上传功能,但是它往往会显示得有些问题.一些代码图片之类的或者风景图什么的都不是很会. 但 ...

  2. 遇到的问题之“web container destroy and kill the job.-Web容器销毁和终止作业”

    一.问题 JobThread toStop, stopReason:web container destroy and kill the job. 2023-11-22 18:10:10 [com.x ...

  3. vue3 基础-条件渲染 v-if 和 v-show

    本篇讲 vue 中对 dom 元素节点进行 "显示和隐藏" 的实现方式指令, 即 v-if 和 v-show. 其实一句话就能说明白, v-if 的底层是从 dom 树中增删节点; ...

  4. Python标准库之Collections---Container datatype

    Deques Deques,即 Double-ended-queues,是支持线程安全,内存高效的列表类对象.Deques是可改变的,支持索引等类似于list的操作,然而,我们不能直接对Deques进 ...

  5. Intellij Idea 通过svn或者git提交代码时速度慢的解决办法

       问题分析:在使用 IntelliJ IDEA 操作Git的时候,Git响应速度特别满,等待差不多10秒.甚至更长时间才完成操作,真是等的花儿都谢了.    解决方案:更改IntelliJ IDE ...

  6. Innosetup 安装 VC_redist 运行时库

    #普通安装vc_redis.x86.exe(会提示用户做出选择),在innosetup的[Run]属性中添加下面这一行 Filename: "{app}VC_redist.x86.exe&q ...

  7. Docker Compose部署随机图API

    Docker Compose部署随机图API 平时我们部署博客的时候,为了考虑美观会考虑使用随机图来作为文章的封面,现在有很多大佬愿意提供随机图API,通过API我们可以很方便地部署随机图,不必自己寻 ...

  8. Springboot笔记<2>IOC容器与组件注入

    IOC容器就是具有依赖注入功能的容器,IOC容器负责实例化.定位.配置应用程序中的对象及建立这些对象间的依赖.应用程序无需直接在代码中new相关的对象,应用程序由IOC容器进行组装. 查看ioc容器中 ...

  9. 阿里微服务解决方案-Alibaba Cloud之父工程搭建（一）

    一.创建父工程 1.1 选择 File -> Project 1.2 选择创建 Maven 项目 1.3 输入父工程名称和选择项目路径 如图所示,父工程就搭建好了 1.4 在父工程pom.xml ...

  10. burpsuite插件-验证码识别插件使用教程

    一.插件下载 下载最新插件与验证码识别端(captcha-killer-modified.jar.codereg.py) 使用Burp加载captcha-killer-modified.jar 安装p ...