vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）

问题描述：

今天早上一开机，打开项目，发现项目一片醒目的红色，查看报错原因提示：

Property ‘xxxx' does not exist on type 'CombinedVueInstance<{ readyOnly: unknown; businessPrice: unknown; travelStaffInfo: any; } & Record<never, any> & Vue, object, object, object, Record<never, any>>. Vetur（2339）

解决过程：

疯狂百度，只查明该报错与typescript相关，但是我这里是一个纯正的vue项目，也没有开启tslint，为啥会报这个错误呢？

于是重点关注结尾的Vetur（2339），想来应该是与Vetur插件相关。
禁用了Vetur相关的插件之后，果然不报错了。
但是Vetur插件涉及到的东西太多了，格式化，代码片段，直接关闭会导致很多功能无法正常使用！
于是开始研究Vetur的配置，果然找到了玄机。

解决办法：

依次点击：文件――首选项――设置，在打开的页面点击，用户――拓展――vetur

然后疯狂下滑，找到Validation: Interpolation一栏，看到这里有一句：

validate interpolation in <template> region using TypeScript language service

大意就是按照TypeScript 的语法规则去校验<template>中的语句。
豁然开朗，关闭该选项即可。

至于为啥会勾选上，八成是因为vetur升级的原因吧 。

到此这篇关于vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）的文章就介绍到这了,更多相关vscode vue项目报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

• 详解vscode中vue代码颜色插件
• 推荐VSCode 上特别好用的 Vue 插件之vetur
• 详解VSCode配置启动Vue项目
• VsCode新建VueJs项目的详细步骤
• 在vscode里使用.vue代码模板的方法
• 利用vscode编写vue的简单配置详解
• vscode下的vue文件格式化问题
• vscode 开发Vue项目的方法步骤
• vscode vue 文件模板的配置方法
• vue+eslint+vscode配置教程
• 使用vscode快速建立vue模板过程详解