前情

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. 【BUG】ELF文件执行时出现段错误Segmentation fault，解决：使用010编辑器修改ELF文件不可执行段权限

    问题:段错误,.eh_frame不可执行. 需求:改执行权限. 工具:010 Editer,我的版本:12.0.1 Windows 10. 工具下载:010编辑器官网下载页. 第一步 查看段的执行权限 ...

  2. latex常用符号及模板

    \le \ge \in \mathbb{M} a \qquad b \ne \forall \exists \left \lfloor \right \rfloor \nmid \varnothing ...

  3. vue3 基础-事件绑定 & 修饰符

    无非就是 js 的一些 事件, 按键, 鼠标 等的一些绑定在 vue 的实现而已, 很好理解. 先来看一个基础例子. 事件初体验 <!DOCTYPE html> <html lang ...

  4. SQL语句中exists和in有何区别

       在SQL性能优化的时候,经常遇到是使用exists还是in提高效率的问题,这里结合之前写的两篇博客<MYSQL中in的用法>和<MYSQL中EXISTS的用法>,总结一下 ...

  5. Python 设置国内镜像

    从Python官网下载.安装python之后(不建议使用brew安装python3) MacOS :打开/User/xxx/.config/pip/pip.conf Windows:打开%APPDAT ...

  6. 对比分析LinkedBlockingQueue和SynchronousQueue

    缘起 最近在 review 同事代码时,看到其使用了org.springframework.scheduling.concurrent.ThreadPoolTaskExecutor 来构建线程池,而没 ...

  7. Containerd的架构简单学习

    简单说明 这里,我们介绍一下containerd架构,以便于更好了理解containerd容器. 服务端子系统(Bundle和Runtime)和组件 下图是containerd的架构示意图: cont ...

  8. Error: Activity class MainActivity does not exist.

    这是一个熟悉而又陌生的错误,当年做的第一个React-Native项目就有这个错误,一直没有解决,今天又出现了,原因是我改了项目文件夹的名称,用Android Studio重新打开之后,就又出现了这个 ...

  9. Web前端入门第 69 问：JavaScript Promise 提供的方法都使用过吗？

    Promise 这个 API 曾在 JS 领域掀起过血雨腥风,以前的大佬们都喜欢手搓一个自己的 Promise 用以理解 Promise 的原理. Promise 的诞生,应该多少都有受到 jQuer ...

  10. 大模型学习笔记（一）—— transformer

    写在前面,一定要看懂self attention的代码实现,注意矩阵乘是谁@谁,矩阵乘不可以变换位置!!! Attention的出现 由于翻译任务往往不是1 vs 1的翻译,因此输入与输出不等长,所以 ...