vscode中vue3项目vetur报错

最新推荐文章于 2025-04-16 10:00:00 发布

曹天骄

最新推荐文章于 2025-04-16 10:00:00 发布

阅读量4k

点赞数 6

分类专栏： js 文章标签： vue vscode

本文链接：https://blog.csdn.net/solocao/article/details/124563871

版权

js 专栏收录该内容

20 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

最后重启vscode解决问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

曹天骄

关注关注

6
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vscode运行vue项目

小何不秃头06的博客

06-19

2133

在vscode中vue项目环境搭建和项目运行文章目录在vscode中vue项目环境搭建和项目运行前言一、vue环境的搭建1.node2.检查是否安装成功 Windows + R 输入 cmd3.安装淘宝镜像（经操作跳过此步不成功）4.安装脚手架5.检查 vue-cli版本6.安装插件 (之前已经下载好vscode)7. 导入项目并编译前言找了一个vue项目，第一次放在vscode里运行。一、vue环境的搭建 1.node 在node.js官网下载安装：https://nodejs.org 2.

关于创建vue3项目 vscode的vetur插件依然报错需要template有根标签解决方法

inksnowHL的博客

04-27

2112

最简单方便的解决vscode的vetur报错The template root requires exactly one element. eslint-plugin-vue

参与评论您还未登录，请先登录后发表或查看评论

vue3 Vetur报错：has no default export 组件没有默认导出

KingShy1的博客

01-26

6903

2.解决方法：在vscode中的setting.json中添加一下代码。1.报错如下：虽然程序不会报错，但是看着难受。3.重启vscode就可以了。

二、Vue 3 项目的基本配置

最新发布

JLULLM的博客

04-16

1612

在创建好的基础上进行简单的项目配置，完成别名以及路由的配置

vue3项目运行正常但vscode红色波浪线报错

sjp991012的博客

04-02

8946

以下解决办法如不生效，可尝试重启vscode。

解决vue3使用别名报错问题(vetur 插件报错问题)

m0_55986526的博客

01-10

5169

解决vue3使用别名报错问题(vetur 插件报错问题)

vscode打开.vue文件时报错误，插件vetur的问题

weixin_44482737的博客

07-29

4657

vscode打开.vue文件时报错误，插件vetur的问题

vscode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘

个人网站：https://www.longzipeng.online

02-21

5090

vscode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘

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项目报错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 ...

轻松解决vscode开发vue项目挠头的eslint问题.pdf

11-20

- "vetur.format.defaultFormatter.js":"vscode-typescript"：设置Vue文件中的JavaScript代码使用vscode-typescript进行格式化。 - "javascript.format.semicolons":"remove"：在JavaScript中移除分号。 - ...

vscode中vue文件大段报错

05-09

2. 您的VSCode中未安装或未启用Vue相关的插件，例如Vetur。请确保您已经安装并启用了相关插件。 3. 您的VSCode版本过旧，不支持Vue语法。请升级到最新版本的VSCode。 4. 您的代码中使用了Vue的高级特性，但是您的...

VSCode 报错 vetur提示错误Cannot find name ‘template‘ vetur(2304) 解决办法

qq_43596552的博客

08-08

1452

打开文件--首选项--设置中搜索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

8508

vue3引入import {ref} from 'vue'报错 Module '"../node_modules/vue/dist/vue"' has no exported member 'ref'.

Vue3-Vue3项目刚创建就报错

前端叶荨，随手记

04-22

489

vue3中支持template中写两个，但是插件vetur设置了校验规则，改一下配置规则就不会显现错误了。这是由于插件的问题，Vetur的插件错误。找到插件的扩展设置，然后进行设置。然后就可以了，不报错了。

问题：vue3导入模块时报错---‘HelloWorld‘ is declared but its value is never read.Vetur(6133)

qq_39877681的博客

12-02

1336

问题：vue3导入模块时报错---‘HelloWorld‘ is declared but its value is never read.Vetur(6133)

创建Vue3项目后语法报错

m1948429907的博客

02-17

1130

碎碎念：闲来无事，搭建一个Vue3项目练练手，搭建完成后发现项目里语法检测报错解决方案 Visual Studio Code左侧活动栏找到扩展，搜索vutur（代码格式化插件）然后点击管理 => 扩展设置搜素vetur>validation>template，取消vetur>validation>template的勾选这个时候报错就消失了 ...

vscode .vue文件 vetur 报错（第一行就给我报错）