webstorm問題解決:無法識別@處理方案
更新時間：2026年01月12日 09:01:15 作者：柳曉黑胡椒
在使用Vite和WebStorm時,如果`vite.config.ts`已經(jīng)配置了路徑別名`@`,但WebStorm無法識別,可以通過在項(xiàng)目根目錄下創(chuàng)建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置來解決,這樣不僅可以讓TypeScript正確解析路徑別名,也能讓W(xué)ebStorm識別這些路徑
問題
本地的 vite.config.ts 已經(jīng)配置 @ 路徑
但是，我用webstorm 上識別不了
解決
新增文件tsconfig.json，添加 baseUrl 和 paths 的配置，以告訴 TypeScript 和 WebStorm 如何解析路徑別名
tsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
}
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中的?computed,watch,watchEffect的使用方法
這篇文章主要介紹了Vue3中的?computed,watch,watchEffect的使用方法，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價價值，需要得小伙伴可以參考一下2022-06-06
這篇文章主要介紹了在 Vue.js中優(yōu)雅地使用全局事件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-02-02
在Vue項(xiàng)目中,Axios是一個非常流行的HTTP客戶端,用于發(fā)送請求和接收響應(yīng),Axios攔截器是Axios的一個強(qiáng)大功能,它允許你在請求發(fā)送之前和響應(yīng)返回之后對請求和響應(yīng)進(jìn)行處理和攔截,本文將結(jié)合實(shí)際案例,詳細(xì)介紹如何在Vue中使用Axios攔截器,需要的朋友可以參考下2024-12-12
當(dāng)我們使用vuex的時候，時不時能看到“更改Vuex中的store中的狀態(tài)唯一辦法就是提交mutations”，但是有沒有試想過，我們不提交mutations其實(shí)也能修改state的值？答案是可以的，下面通過本文介紹下vuex修改state值的方法，感興趣的朋友一起看看吧2022-11-11
詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)
這篇文章主要介紹了詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
vue中el-autocomplete與el-select的異同
本文主要介紹了vue中el-autocomplete與el-select的異同，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
vue采用EventBus實(shí)現(xiàn)跨組件通信及注意事項(xiàng)小結(jié)
EventBus是一種發(fā)布/訂閱事件設(shè)計模式的實(shí)踐。這篇文章主要介紹了vue采用EventBus實(shí)現(xiàn)跨組件通信及注意事項(xiàng),需要的朋友可以參考下2018-06-06
這篇文章主要介紹了vue.js層疊輪播效果，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-11-11
本篇文章給大家分享了Vue取消eslint語法限制的相關(guān)知識點(diǎn)內(nèi)容，有興趣的朋友們可以參考學(xué)習(xí)下。2018-08-08
React/vue開發(fā)報錯TypeError:this.getOptions?is?not?a?function
這篇文章主要給大家介紹了關(guān)于React/vue開發(fā)報錯TypeError:this.getOptions?is?not?a?function的解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07