vscode中vue3项目vetur报错

解决Vue3项目中Vetur报错问题
最新推荐文章于 2025-09-29 15:06:59 发布
原创 最新推荐文章于 2025-09-29 15:06:59 发布 · 4.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vscode

本文介绍了在Vue3项目中遇到Vetur插件导致的报错情况，以及如何通过配置.vscode/settings.json文件来禁用vetur的模板、脚本和样式验证，从而消除错误。具体解决方案是创建.vscode目录，然后在settings.json中添加相关配置项，最后重启VSCode即可正常工作。

vue3支持的插件应该是volar，之前有老的vue2项目插件vetur，所以会报错。
解决办法：在项目中新建.vscode, 新建文件settings.json,里面内容如下：

{
    "vetur.validation.template": false,
    "vetur.validation.script": false,
    "vetur.validation.style": false,
}

最后重启vscode解决问题

vscode 之 工作区的应用（解决vue2插件vetur、vue3插件Vue - Official禁用启用问题）
zhuang的博客
07-05 1万+
工作区？？？为什么要工作区？？？首先工作区简单理解就是vscode工作时的区域、范围；延申一下，为什么要工作区？？？不同的环境需要用到不用的插件啊，设置啊等等，这个时候怎么实现，总不能写前端的时候也把java、c++需要的插件设置的什么打开（虽然应该可能大概也许这些语言不会使用vscode 开发，这里只是打个比方），都打开的话就会显得vscode 很重，然后vscode 说好的轻便呢？就前端而言，现在发展的速度很快，前段时间vue2，现在几乎都时vue3+TS，但是公司还是有vue2的项目，而。
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）
11-19
VSCode 中 Vue 项目报错 Property ‘xxx‘ does not exist on type ‘CombinedVueInstance…Vetur（2339） 在 VSCode 中使用 Vue 项目时，可能会遇到 Property ‘xxx‘ does not exist on type ...
vue3 Vetur报错：has no default export 组件没有默认导出
KingShy1的博客
01-26 7274
2.解决方法 ：在vscode中的setting.json中添加一下代码。1.报错如下：虽然程序不会报错，但是看着难受。3.重启vscode就可以了。
vscode打开一个vue3+Ts项目，import语句报错但是项目正常运行，Vetur插件对Ts预防糖setup不支持
weixin_47774000的博客
09-29 230
如下：所有的import语句在检查后发现导入的路径和语法文件都没有任何问题。
vue3项目运行正常但vscode红色波浪线报错
sjp991012的博客
04-02 1万+
以下解决办法如不生效，可尝试重启vscode。
关于创建vue3项目 vscode的vetur插件依然报错需要template有根标签解决方法
inksnowHL的博客
04-27 2185
最简单方便的解决vscode的vetur报错The template root requires exactly one element. eslint-plugin-vue
vscode打开.vue文件时报错误，插件vetur的问题
weixin_44482737的博客
07-29 4754
vscode打开.vue文件时报错误，插件vetur的问题
解决vue3使用别名报错问题(vetur 插件报错问题)
m0_55986526的博客
01-10 5268
解决vue3使用别名报错问题(vetur 插件报错问题)
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVu
最新发布
11-16
在使用VSCode开发Vue项目时可能会遇到一个常见的错误：“Property 'xxx' does not exist on type 'CombinedVueInstance, Vetur(2339)”。这个提示通常出现在使用Vetur插件进行类型检查的情况下，表明在组件模板中...
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
10-14
在使用Visual Studio Code (VSCode) 开发Vue项目时，可能会遇到一个常见的错误：“Property ‘xxx’ does not exist on type ‘CombinedVueInstance, Vetur(2339)”。这个错误提示通常出现在使用Vetur插件进行类型...
vscode插件vue-official 路径报错
02-19
`vue-official` 相关的情况，但在实际操作过程中也可以借助其他有用的 Vue 开发者工具来进行排查和优化，比如 Vue Devtools 扩展程序能够提供详细的组件树视图和其他有用的功能，有助于快速定位问题所在[^3]...
vscode前端vue代码不显示报错
12-29
为了确保 VSCode 中 Vue 项目的代码能正常显示报错信息，需调整 `vue.config.js` 文件中的配置并安装合适的扩展程序。 #### 配置设置 默认情况下，在某些配置中可能会关闭 ESLint 的保存时校验功能。如果存在这样...
vscode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘
个人网站：https://www.longzipeng.online
02-21 5427
vscode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘
VSCode 报错 vetur提示错误Cannot find name ‘template‘ vetur(2304) 解决办法
qq_43596552的博客
08-08 1934
打开文件--首选项--设置中搜索Vetur，拉到最底部，把这四块的勾去掉。注意：是四个（网上有很多解决办法都是勾掉三个，亲测还是报错，还需要把上面的ts勾掉）如果在<template>标签中的很多变量都报错 报错信息为Cannot find name 'xxxx'首先强调一下 我的vetur版本为（0.36.1）不行的话 还可以把最后一个选项勾掉。
vue3语法中使用vscode打开，满屏红线报错，解决方法
热门推荐
jieyucx的博客
12-28 1万+
vue3语法中使用vscode打开，满屏红线报错，解决方法
vue3项目引入第三方包vetur报错Module ‘“../node_modules/vue/dist/vue“‘ has no exported member ‘ref‘.
weixin_45782529的博客
04-23 8605
vue3引入import {ref} from 'vue'报错 Module '"../node_modules/vue/dist/vue"' has no exported member 'ref'.
Vue3-Vue3项目刚创建就报错
前端叶荨，随手记
04-22 547
vue3中支持template中写两个，但是插件vetur设置了校验规则，改一下配置规则就不会显现错误了。这是由于插件的问题，Vetur的插件错误。找到插件的扩展设置，然后进行设置。然后就可以了，不报错了。
问题：vue3导入模块时报错---‘HelloWorld‘ is declared but its value is never read.Vetur(6133)
qq_39877681的博客
12-02 1396
问题：vue3导入模块时报错---‘HelloWorld‘ is declared but its value is never read.Vetur(6133)
创建Vue3项目后语法报错
m1948429907的博客
02-17 1160
碎碎念：闲来无事，搭建一个Vue3项目练练手，搭建完成后发现项目里语法检测报错 解决方案 Visual Studio Code左侧活动栏找到扩展，搜索vutur（代码格式化插件） 然后点击管理 => 扩展设置 搜素vetur>validation>template，取消vetur>validation>template的勾选 这个时候报错就消失了 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值