vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

时间:2022-08-23 00:01:34

问题描述:

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

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)

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

解决过程:

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

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

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

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

解决办法:

依次点击:文件——首选项——设置,在打开的页面点击,用户——拓展——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项目报错内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/SilenceJude/article/details/108400198