vscode中的vue項目報錯Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
問題描述:
今天早上一開機,打開項目,發(fā)現(xiàn)項目一片醒目的紅色,查看報錯原因提示:
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相關(guān),但是我這里是一個純正的vue項目,也沒有開啟tslint,為啥會報這個錯誤呢?
于是重點關(guān)注結(jié)尾的Vetur(2339),想來應(yīng)該是與Vetur插件相關(guān)。
禁用了Vetur相關(guān)的插件之后,果然不報錯了。
但是Vetur插件涉及到的東西太多了,格式化,代碼片段,直接關(guān)閉會導(dǎo)致很多功能無法正常使用!
于是開始研究Vetur的配置,果然找到了玄機。
解決辦法:
依次點擊:文件——首選項——設(shè)置,在打開的頁面點擊,用戶——拓展——vetur
然后瘋狂下滑,找到Validation: Interpolation一欄,看到這里有一句:
validate interpolation in <template> region using TypeScript language service
大意就是按照TypeScript 的語法規(guī)則去校驗<template>中的語句。
豁然開朗,關(guān)閉該選項即可。
至于為啥會勾選上,八成是因為vetur升級的原因吧 。
到此這篇關(guān)于vscode中的vue項目報錯Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)的文章就介紹到這了,更多相關(guān)vscode vue項目報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue實現(xiàn)的雙向數(shù)據(jù)綁定操作示例
這篇文章主要介紹了vue實現(xiàn)的雙向數(shù)據(jù)綁定操作,結(jié)合完整實例形式較為詳細的分析了vue.js進行數(shù)據(jù)雙向綁定操作的常見實現(xiàn)方法與相關(guān)操作技巧,需要的朋友可以參考下2018-12-12vue項目打包后上傳至GitHub并實現(xiàn)github-pages的預(yù)覽
這篇文章主要介紹了vue項目打包后上傳至GitHub并實現(xiàn)github-pages的預(yù)覽,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05不依任何賴第三方,單純用vue實現(xiàn)Tree 樹形控件的案例
這篇文章主要介紹了不依任何賴第三方,單純用vue實現(xiàn)Tree 樹形控件的案例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09Vue配合Vant使用時area省市區(qū)選擇器的使用方式
這篇文章主要介紹了Vue配合Vant使用時area省市區(qū)選擇器的使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-01-01