Trae開發uni-app+Vue3+TS項目飄紅踩坑

前情

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

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/pingmian/90296.shtml
繁體地址,請注明出處:http://hk.pswp.cn/pingmian/90296.shtml
英文地址,請注明出處:http://en.pswp.cn/pingmian/90296.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

低代碼中的統計模型是什么?有什么作用?

低代碼開發平臺中的統計模型是指通過可視化配置、拖拽操作或少量代碼即可應用的數據分析工具,旨在幫助技術人員及非技術人員快速實現數據描述、趨勢預測和業務決策。其核心價值在于降低數據分析門檻,使業務人員無需深入掌握統計原理或編程技能&#xff0…

Linux 下在線安裝啟動VNC

描述 Linux中的VNC就類似于Windows中的遠程桌面系統 本文只記錄在Cent OS 7的系統下在線安裝VNC。 安裝VNC 1、安裝VNC yum install tigervnc-server2、配置VNC的密碼 為用戶設置 VNC 密碼(首次運行會提示輸入,也可以提前輸入) vncpasswd密碼…

支持OCR和AI解釋的Web PDF閱讀器:解決大文檔閱讀難題

支持OCR和AI解釋的Web PDF閱讀器:解決大文檔閱讀難題一、背景:為什么需要這個工具?問題場景解決方案二、技術原理:如何實現這些功能?1、核心技術組件2、工作流程3、關鍵點三、操作指南1、環境準備2、生成Html代碼3、We…

研發過程都有哪些

產品規劃與定義 (Product Planning & Definition) 在詳細的需求調研之前,通常會進行市場分析、競品分析、確立產品目標和核心價值。這個階段決定了“我們要做什么”以及“為什么要做”。 系統設計與架構 (System & Architectural Design) 這是開發的“藍圖”…

舊物回收小程序系統開發——開啟綠色生活新篇章

在當今社會,環保已經成為全球關注的焦點話題。隨著人們生活水平的提高,消費能力不斷增強,各類物品的更新換代速度日益加快,大量舊物被隨意丟棄,不僅造成了資源的巨大浪費,還對環境產生了嚴重的污染。在這樣…

UE5 UI 水平框

文章目錄slot區分尺寸和對齊方式尺寸:自動模式尺寸:填充模式對齊常用設置所有按鈕大小一致,不受文本影響靠右排列和unity的HorizontalLayout不太一樣slot 以在水平框中放入帶文字的按鈕為例 UI如下布置 按鈕的大小受slot的尺寸、對齊和內部…

【Golang】Go語言變量

Go語言變量 文章目錄Go語言變量一、Go語言變量二、變量聲明2.1、第一種聲明方式2.2、第二種聲明方式2.3、第三種聲明方式2.4、多變量聲明2.5、打印變量占用字節一、Go語言變量 變量來源于數學,是計算機語言中能存儲計算結果或能表示值抽象的概念變量可以通過變量名…

Qt WebEngine Widgets的使用

一、Qt WebEngine基本概念Qt WebEngine中主要分為三個模塊:Qt WebEngine Widgets模塊,主要用于創建基于C Widgets部件的Web程序;Qt WebEngine模塊用來創建基于Qt Quick的Web程序;Qt WebEngine Core模塊用來與Chromeium交互。網頁玄…

【C++】標準模板庫(STL)—— 學習算法的利器

【C】標準模板庫(STL)—— 學習算法的利器學習 STL 需要注意的幾點及 STL 簡介一、什么是 STL?二、學習 STL 前的先修知識三、STL 常見容器特點對比四、學習 STL 的關鍵注意點五、STL 學習路線建議六、總結七、下一章 vector容器快速上手學習…

YOLO算法演進綜述:從YOLOv1到YOLOv13的技術突破與應用實踐,一文掌握YOLO家族全部算法!

引言:介紹目標檢測技術背景和YOLO算法的演進意義。YOLO算法發展歷程:使用階段劃分方式系統梳理各代YOLO的技術演進,包含早期奠基、效率優化、注意力機制和高階建模四個階段。YOLOv13的核心技術創新:詳細解析HyperACE機制、FullPAD…

快速將前端得依賴打為tar包(yarn.lock版本)并且推送至nexus私有依賴倉庫(筆記)

第一步創建js文件 文件名為downloadNpmPackage.jsprocess.env.NODE_TLS_REJECT_UNAUTHORIZED "0";const fs require("fs"); const path require("path"); const request require("request");// 設置依賴目錄 const downUrl "…

Unity VS Unreal Engine ,“電影像游戲的時代” 新手如何抉擇引擎?(結)

Unity VS Unreal Engine ,“電影像游戲的時代” 新手如何抉擇引擎?(1)-CSDN博客 這是我的上一篇文章,如果你仍然困惑選擇引擎的事情,我們不妨從別的方面看看 注意:我們可能使用"UE5"來表示Unreal Engine系…

EVAL長度限制突破方法

EVAL長度限制突破方法 <?php $param $_REQUEST[param]; If (strlen($param) < 17 && stripos($param, eval) false && stripos($param, assert) false) //長度小于17&#xff0c;沒有eval和assert關鍵字 {eval($param); } //stripos — 查找字符串…

Linux部署.net Core 環境

我的環境 直接下載安裝就可以了 wget https://builds.dotnet.microsoft.com/dotnet/Sdk/8.0.315/dotnet-sdk-8.0.315-linux-x64.tar.gzmkdir -p $HOME/dotnet && tar zxf dotnet-sdk-8.0.315-linux-x64.tar.gz -C $HOME/dotnet export DOTNET_ROOT$HOME/dotnet expor…

ARM-定時器-PWM通道輸出

學習內容需求點亮4個燈&#xff0c;采用pwm的方式。定時器通道引腳AFLED序號T3CH0PD12AF2LED5CH1PD13AF2LED6CH2PD14AF2LED7CH3PD15AF2LED8實現LED5, LED6, LED7, LED8呼吸燈效果通用定時器多通道點亮T3定時器下的多個通道的燈。開發流程添加Timer依賴初始化PWM相關GPIO初始化P…

javaSE(List集合ArrayList實現類與LinkedList實現類)day15

目錄 List集合&#xff1a; 1、ArrayList類&#xff1a; &#xff08;1&#xff09;數據結構&#xff1a; &#xff08;2&#xff09;擴容機制 &#xff08;3&#xff09;ArrayList的初始化&#xff1a; &#xff08;4&#xff09;ArrayList的添加元素方法 &#xff08;5…

解決 WSL 中無法訪問 registry-1.docker.io/v2/,無法用 docker 拉取 image

文章目錄無法拉取docker鏡像補充遷移 WSL 位置Install Docker無法拉取docker鏡像 docker run hello-world Unable to find image hello-world:latest locally docker: Error response from daemon: Get "https://registry-1.docker.io/v2/": context deadline excee…

【C++】簡單學——list類

模擬實現之前需要了解的概念帶頭雙向鏈表&#xff08;double-linked&#xff09;&#xff0c;允許在任何位置進行插入區別相比vector和string&#xff0c;多了這個已經沒有下標[ ]了&#xff0c;因為迭代器其實才是主流&#xff08;要包頭文件<list>&#xff09;方法構造…

Qt 國際化與本地化完整解決方案

在全球化的今天&#xff0c;軟件支持多語言和本地化&#xff08;Internationalization & Localization&#xff0c;簡稱i18n & l10n&#xff09;已成為基本需求。Qt提供了一套完整的解決方案&#xff0c;幫助開發者輕松實現應用程序的國際化支持。本文將從原理到實踐&a…

MNIST 手寫數字識別模型分析

功能概述 這段代碼實現了一個基于TensorFlow和Keras的MNIST手寫數字識別模型。主要功能包括&#xff1a; 加載并預處理MNIST數據集構建一個簡單的全連接神經網絡模型訓練模型并評估其性能使用訓練好的模型進行預測保存和加載模型 代碼解析 1. 導入必要的庫 import matplot…