【2025.7.18】更新vscode后所有.vue文件template标签后报红的临时解决办法,Vue - Official 插件3.0.2导致

前言

早上准备继续完成昨天的uni-app练习项目,发现所有.vue文件template标签后报红。本来以为是不小心按到键盘多输入了什么东西,随后就用git回退到了昨天晚上提交的版本,发现问题依旧存在。就想到有可能是早上打开vscode后选择了 更新新版本 的问题

Write global types file failed. Please ensure that "node_modules" exists and "vue" is a direct dependency, or set "vueCompilerOptions.globalTypesPath" in "tsconfig.json" manually.vue(404)

后将报错信息和问题描述丢给了copilot,告诉我 这个错误确实是因为您更新了 VS Code 版本导致的。新版本的 VS Code 中的 Vue 语言服务(Volar)变得更加严格,即使在纯 JavaScript 项目中也会尝试进行 TypeScript 类型检查。 虽然提供的几种解决方案并没有解决问题,但毕竟指出了方向可能是插件问题,随后逐步禁用插件测试,定位到只有 Vue - official 在七小时前更新了新版本。随即卸载回退上一个版本,问题解决!

临时的解决方法

卸载插件后选择安装特定版本 3.0.1 问题解决

总结

出现问题的项目是一个uni-app的练习项目并没有使用ts,在更新后出现问题时,也去看了其他使用了electron-vite的ts的项目,但并没有报错一切正常。所以推测可能是新版本插件对非ts项目也进行了类型检查导致的,但我刚毕业技术水平有限,所以无法提供更有效的解决方法,只能提供回退版本这种权宜之计。github上也已经有大佬反馈了问题,相信很快就能解决。

相关推荐
liangshanbo121517 小时前
写好 React useEffect 的终极指南
前端·javascript·react.js
哆啦A梦158819 小时前
搜索页面布局
前端·vue.js·node.js
_院长大人_20 小时前
el-table-column show-overflow-tooltip 只能显示纯文本,无法渲染 <p> 标签
前端·javascript·vue.js
哆啦A梦158821 小时前
axios 的二次封装
前端·vue.js·node.js
阿珊和她的猫21 小时前
深入理解与手写发布订阅模式
开发语言·前端·javascript·vue.js·ecmascript·状态模式
yinuo21 小时前
一行 CSS 就能搞定!用 writing-mode 轻松实现文字竖排
前端
snow@li1 天前
html5:拖放 / demo / 拖放事件(Drag Events)/ DataTransfer 对象方法
前端·html·拖放
浪裡遊1 天前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
漂流瓶jz1 天前
快速定位源码问题:SourceMap的生成/使用/文件格式与历史
前端·javascript·前端工程化
samroom1 天前
iframe实战:跨域通信与安全隔离
前端·安全