vscode里vue文件内＜template＞标签报错

vscode.vue文件中＜template＞报错

*：vue2和vue3插件不能同时存在如果插件同时存在从而也会影响运行 一、在终端出错，点击alt+F8查询出错问题 二、在根目录中找到找到jsconfig.json 三、在此处添加"jsx": "preserve", 四、最后 ...

打开文件--首选项--设置中搜索Vetur，拉到最底部，把这四块的勾去掉。注意：是四个（网上有很多解决办法都是勾掉三个，亲测还是报错，还需要把上面的ts勾掉）如果在<template>标签中的很多变量都报错 报错信息为Cannot find name 'xxxx'首先强调一下 我的vetur版本为（0.36.1）不行的话 还可以把最后一个选项勾掉。

解决方法：vscode -> 首选项 -> 设置 -> 搜索 (vetur)，将vetur.validation.template 设置为 false 然后重启 vscode 就可以解决问题啦！我新搭建的，新鲜的，刚出炉的vue3项目，启动没问题，一打开vue文件，就是一个大报错迎面而来，这不行啊，作为强迫症的我怎么受得了，查！查下来发现问题出在Vetur插件。

1.vs code  提示如下错误[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source dataVue 2.2.0+的版本里，当在组件中使用v...

查看策略是否修改成功 ，如果查询结果是我们设置的那就成功了。4. 在执行 vue -V 就可以正常看到vue的版本了。如上图会报错，在执行一下。

VUE3 模板报错

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

记录一个初学者最常见的bug

转载于：weixin_40551482 https://blog.csdn.net/weixin_40551482/article/details/83045854

在使用vscode写vue3代码时，对template中的内容进行了格式检测： 原因： Vetur插件对template使用eslint-plugin-vue进行了检测,没有支持vue3的新特性，所以需要把这个检测关闭。 解决： 在vscode的设置-》扩展-》vetur-》Validtion：template取消选中即可。 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210326103314589.png?x-oss-process=image/wa

VSCode创建Vue项目报错及解决方式：设置以下三个文件夹权限，操作如下图所示 设置完成便可继续安装依赖

场景：在template部分写的js，vetur提示的ts的类型校验失败 原因：toolClass是在main.js里面定义的全局方法，在本页的export并没有，于是报错 但是本项目使用的js,并没有办法扩展类型，所以只能关闭这个校验了 在setting.json里设置 “vetur.validation.interpolation”: false即可 setting.json可ctrl+shift+p搜索，也可以新建工作区设置 在根目录新建.vscode文件夹，在文件夹下新建setting.json文