vscode中的vue項(xiàng)目報(bào)錯(cuò)Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）
問(wèn)題描述：
今天早上一開(kāi)機(jī)，打開(kāi)項(xiàng)目，發(fā)現(xiàn)項(xiàng)目一片醒目的紅色，查看報(bào)錯(cuò)原因提示：
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）
解決過(guò)程：
瘋狂百度，只查明該報(bào)錯(cuò)與typescript相關(guān)，但是我這里是一個(gè)純正的vue項(xiàng)目，也沒(méi)有開(kāi)啟tslint，為啥會(huì)報(bào)這個(gè)錯(cuò)誤呢？
于是重點(diǎn)關(guān)注結(jié)尾的Vetur（2339），想來(lái)應(yīng)該是與Vetur插件相關(guān)。
禁用了Vetur相關(guān)的插件之后，果然不報(bào)錯(cuò)了。
但是Vetur插件涉及到的東西太多了，格式化，代碼片段，直接關(guān)閉會(huì)導(dǎo)致很多功能無(wú)法正常使用！
于是開(kāi)始研究Vetur的配置，果然找到了玄機(jī)。
解決辦法：
依次點(diǎn)擊：文件——首選項(xiàng)——設(shè)置，在打開(kāi)的頁(yè)面點(diǎn)擊，用戶——拓展——vetur
然后瘋狂下滑，找到Validation: Interpolation一欄，看到這里有一句：
validate interpolation in <template> region using TypeScript language service
大意就是按照TypeScript 的語(yǔ)法規(guī)則去校驗(yàn)<template>中的語(yǔ)句。
豁然開(kāi)朗，關(guān)閉該選項(xiàng)即可。
至于為啥會(huì)勾選上，八成是因?yàn)関etur升級(jí)的原因吧 。
到此這篇關(guān)于vscode中的vue項(xiàng)目報(bào)錯(cuò)Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly...Vetur（2339）的文章就介紹到這了,更多相關(guān)vscode vue項(xiàng)目報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
- VSCode遠(yuǎn)程連接服務(wù)器報(bào)錯(cuò):Could not establish connection to
- vscode編譯運(yùn)行c語(yǔ)言報(bào)錯(cuò)亂碼的解決
- 快速解決VS Code報(bào)錯(cuò)：Java 11 or more recent is required to run. Please download and install a recent JDK
- 解決安裝vs2019后原vs2017項(xiàng)目無(wú)法編譯各種報(bào)錯(cuò)的問(wèn)題
- VS2017添加EF的MVC控制器報(bào)錯(cuò)的解決方法
- VS2015使用scanf報(bào)錯(cuò)的解決方法
- VS報(bào)錯(cuò)C6011的問(wèn)題:取消對(duì)NULL指針的引用(解決方法)
相關(guān)文章
Vue子組件props從父組件接收數(shù)據(jù)并存入data
這篇文章主要介紹了Vue子組件props從父組件接收數(shù)據(jù)并存入data的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
vue3?ref實(shí)現(xiàn)響應(yīng)式的方法
這篇文章主要介紹了vue3的ref是如何實(shí)現(xiàn)響應(yīng)式的,我們講了ref是如何實(shí)現(xiàn)響應(yīng)式的,主要分為兩種情況：ref接收的是number這種原始類(lèi)型、ref接收的是對(duì)象這種非原始類(lèi)型,需要的朋友可以參考下2024-07-07
這篇文章主要為大家介紹了如何利用Vue實(shí)現(xiàn)輸入框@功能，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Vue有一定的幫助，感興趣的可以學(xué)習(xí)一下2022-05-05
Vue表單驗(yàn)證插件Vue Validator使用方法詳解
這篇文章主要為大家詳細(xì)介紹了Vue表單驗(yàn)證插件Vue Validator使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
vue 權(quán)限認(rèn)證token的實(shí)現(xiàn)方法
這篇文章主要介紹了vue 權(quán)限認(rèn)證token的實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
這篇文章主要介紹了vue3 自定義loading的操作方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11
vue項(xiàng)目中訪問(wèn)本地json數(shù)據(jù)
這篇文章主要介紹了vue項(xiàng)目中訪問(wèn)本地json數(shù)據(jù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
如何在vue3+ts項(xiàng)目中使用query和params傳參
Vue3中的路由傳參有兩種方式:query和params,下面這篇文章主要給大家介紹了關(guān)于如何在vue3+ts項(xiàng)目中使用query和params傳參的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
element修改form的el-input寬度,el-select寬度的方法實(shí)現(xiàn)
有時(shí)候像form表單這樣，頁(yè)面的input、select等寬度不一定會(huì)是一樣的，可能有些長(zhǎng)，有些短，本文就介紹了如何element修改form的el-input寬度,el-select寬度的方法實(shí)現(xiàn)，感興趣的可以了解一下2022-02-02
這篇文章主要為大家詳細(xì)介紹了Vue加載中動(dòng)畫(huà)組件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03