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