WebStorm無法正確識(shí)別Vue3組合式API的解決方案
更新時(shí)間：2021年02月18日 09:28:58 作者：氷泠
這篇文章主要介紹了WebStorm無法正確識(shí)別Vue3組合式API的解決方案，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下
1 問題描述
Vue3的組合式API無法在WebStorm中正確識(shí)別，表現(xiàn)為defineComponent等無法被識(shí)別：
2 嘗試方案
猜想這種問題的原因是無法正確識(shí)別對(duì)應(yīng)的Vue3庫，筆者相信WebStorm是可以做到的，只是某些配置沒有正確，筆者嘗試過在設(shè)置的Libraries中勾選上node_modules，但是沒有效果。
3 解決辦法
最終的解決辦法參考了此處（圖源）：
選擇node_modules文件夾，右鍵選擇Mark Directory as，最后選擇Not Excluded即可。
之后會(huì)花費(fèi)一段時(shí)間索引，等待完成即可。
4 一些思考
看了一下WebStorm的文檔，項(xiàng)目中的文件夾總共分為四類：
- Source：默認(rèn)選項(xiàng)，所有文件夾默認(rèn)都被視為Source除非設(shè)置為了Tests/Resource Root/Excluded
- Tests：標(biāo)記為測(cè)試的文件夾
- Resource Root：資源文件夾，在輸入某些需要資源的代碼時(shí)，比如，會(huì)自動(dòng)提示該文件夾路徑下的資源文件
- Excluded：代碼補(bǔ)全、代碼導(dǎo)航等會(huì)忽略的文件夾。這個(gè)選項(xiàng)能提高WebStorm性能
在設(shè)置中搜索Directories可以發(fā)現(xiàn)node_modules默認(rèn)是Excluded：
標(biāo)記為Not Excluded后，就不是紅色了：
因此解決并不難，只是無法正確識(shí)別的原因。
以上就是WebStorm無法正確識(shí)別Vue3組合式API的解決方案的詳細(xì)內(nèi)容，更多關(guān)于WebStorm無法正確識(shí)別Vue3組合式API的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
VuePress使用Algolia實(shí)現(xiàn)全文搜索
這篇文章主要為大家介紹了VuePress使用Algolia實(shí)現(xiàn)全文搜索示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家詳細(xì)介紹了Vue computed計(jì)算屬性的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了解決vue-router 嵌套路由沒反應(yīng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-09-09
這篇文章主要介紹了Vue 實(shí)例事件,結(jié)合簡(jiǎn)單示例形勢(shì)分析了vue.js事件響應(yīng)與頁面元素相關(guān)操作技巧,需要的朋友可以參考下2019-09-09
這篇文章主要為大家詳細(xì)介紹了Vue生命周期的示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
當(dāng)用戶在網(wǎng)站登錄后,服務(wù)器會(huì)在其瀏覽器上設(shè)置一個(gè)包含登錄信息的Cookie,通過這個(gè)Cookie,服務(wù)器能夠識(shí)別用戶是否已登錄,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
vue項(xiàng)目中如何配置env環(huán)境的實(shí)現(xiàn)
本文主要介紹了vue項(xiàng)目中如何配置env環(huán)境的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
這篇文章主要介紹了Vue3中的Token失效攔截處理方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了Vue 進(jìn)入/離開動(dòng)畫效果，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-12-12
Vue+Three加載glb文件報(bào)錯(cuò)問題及解決
當(dāng)使用Three.js加載GLB模型時(shí),遇到加載錯(cuò)誤常常是路徑問題,解決方案：1. 將GLB模型文件置于public目錄,避免打包時(shí)路徑編碼變化；2. 從node_modules的three庫中復(fù)制draco解碼器至public目錄；3. 確認(rèn)場(chǎng)景、攝像機(jī)和光源設(shè)置正確2024-10-10