Vue3在router中使用pinia報(bào)錯(cuò)的簡(jiǎn)單解決辦法
報(bào)錯(cuò)會(huì)報(bào)兩個(gè)一個(gè)是xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function還有一個(gè)是getActivePinia was called with no active Pinia
因?yàn)榻拥搅艘诼酚墒匦l(wèi)中增加判斷的需求，需要用到store中的數(shù)據(jù)，于是在router里面import了store，beforeEach里use了，然后啟動(dòng)就報(bào)異常，去官網(wǎng)翻文檔。
（https://pinia.web3doc.top/core-concepts/outside-component-usage.html）
大概的意思是要在初始化了pinia之后調(diào)用才行，得把useStore的邏輯寫到方法里，照著操作一遍發(fā)現(xiàn)還是xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function。于是乎檢查所有Store，發(fā)現(xiàn)有些Store中代碼是這樣的
知曉一二了，一個(gè)Store引入另外一個(gè)Store，const userStore = useUserStore();的位置應(yīng)該放在具體方法里面不能放到上面，否則也會(huì)像Router那樣在pinia初始化之前就被調(diào)用從而報(bào)xxx is not a function的錯(cuò)誤
解決方案：檢查所有Store包括js，把這種在方法外部useStore的地方都改到具體使用的方法里去
再試試，就一切正常了
總結(jié)
到此這篇關(guān)于Vue3在router中使用pinia報(bào)錯(cuò)解決的文章就介紹到這了,更多相關(guān)Vue3 router使用pinia報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
關(guān)于iview和elementUI組件樣式覆蓋無(wú)效問(wèn)題及解決
這篇文章主要介紹了關(guān)于iview和elementUI組件樣式覆蓋無(wú)效問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Element?Plus?表格表單校驗(yàn)功能實(shí)現(xiàn)原理
本文檔講解基于Element?Plus的可編輯表格表單校驗(yàn)功能的實(shí)現(xiàn),重點(diǎn)說(shuō)明樣式配置對(duì)校驗(yàn)錯(cuò)誤信息顯示的關(guān)鍵作用,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2025-09-09
詳解如何使用vue實(shí)現(xiàn)頁(yè)面訪問(wèn)攔截
這篇文章主要為大家詳細(xì)介紹了如何使用vue實(shí)現(xiàn)頁(yè)面訪問(wèn)攔截功能，文中的示例代碼講解詳細(xì)，具有一定的參考價(jià)值，需要的可以了解一下2023-08-08
vue-element-admin 全局loading加載等待
本文主要介紹了vue-element-admin 全局loading加載等待，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
vue前端性能優(yōu)化之預(yù)加載和懶加載示例詳解
這篇文章主要為大家介紹了vue前端性能優(yōu)化之預(yù)加載和懶加載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
Vue使用ExcelJS實(shí)現(xiàn)專業(yè)級(jí)Excel導(dǎo)出解決方案
ExcelJS 是 Node.js 和瀏覽器環(huán)境中功能最全面的 Excel 處理庫(kù)之一,就像一個(gè)專業(yè)的 Excel 工作站,下面小編就為大家詳細(xì)介紹一下如何使用ExcelJS實(shí)現(xiàn)專業(yè)級(jí)Excel導(dǎo)出吧2025-07-07
這篇文章主要介紹了詳解nuxt路由鑒權(quán)(express模板)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
這篇文章主要介紹了v-model中如何使用過(guò)濾器問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
vue項(xiàng)目中axios請(qǐng)求網(wǎng)絡(luò)接口封裝的示例代碼
這篇文章主要介紹了vue項(xiàng)目中axios請(qǐng)求網(wǎng)絡(luò)接口封裝的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要介紹了Vue2的diff算法規(guī)則原理詳解，diff?算法，就是通過(guò)比對(duì)新舊兩個(gè)虛擬節(jié)點(diǎn)不一樣的地方，針對(duì)那些不一樣的地方進(jìn)行新增或更新或刪除操作。接下來(lái)我們?cè)敿?xì)介紹節(jié)點(diǎn)更新的過(guò)程2022-06-06