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的邏輯寫(xiě)到方法里，照著操作一遍發(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)文章
這篇文章主要介紹了SpringBoot+Vue 前后端合并部署的配置方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
這篇文章主要介紹了vue3.0實(shí)現(xiàn)插件封裝的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
Vue父子組建的簡(jiǎn)單通信之控制開(kāi)關(guān)Switch的實(shí)現(xiàn)
這篇文章主要介紹了Vue父子組建的簡(jiǎn)單通信之控制開(kāi)關(guān)Switch的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
Vue項(xiàng)目使用PostCSS做h5頁(yè)面的屏幕適配的配置步驟
PostCSS 是一個(gè)用 JavaScript 編寫(xiě)的工具,用于將 CSS 轉(zhuǎn)換為另一種 CSS,在做h5頁(yè)面的屏幕適配時(shí),結(jié)合 PostCSS 的一些插件能輕松實(shí)現(xiàn),下面以結(jié)合 postcss-pxtorem 插件為例,詳細(xì)介紹配置步驟,需要的朋友可以參考下2025-02-02
key屬性可以用來(lái)提升v-for渲染的效率,vue中使用v-for渲染數(shù)據(jù)的時(shí)候,并不會(huì)去改變?cè)械脑睾蛿?shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于vue?v-for中key原理的相關(guān)資料,需要的朋友可以參考下2022-04-04
vue3實(shí)現(xiàn)alert自定義的plugins方式
這篇文章主要介紹了vue3實(shí)現(xiàn)alert自定義的plugins方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
electron-vue利用webpack打包實(shí)現(xiàn)多頁(yè)面的入口文件問(wèn)題
項(xiàng)目需要在electron的項(xiàng)目中新打開(kāi)一個(gè)窗口，利用webpack作為靜態(tài)資源打包器，發(fā)現(xiàn)在webpack中可以設(shè)置多頁(yè)面的入口，今天來(lái)講一下我在electron中利用webpack建立多頁(yè)面入口的踩坑經(jīng)驗(yàn),需要的朋友可以參考下2019-05-05
React?Diff算法不采用Vue的雙端對(duì)比原因詳解
這篇文章主要介紹了React?Diff算法不采用Vue雙端對(duì)比算法原因詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
Vue 中 createElement 使用實(shí)例詳解
Vue 提供了createElement 來(lái)創(chuàng)建虛擬dom，方便我們來(lái)函數(shù)化的方式來(lái)定義復(fù)雜的組件結(jié)構(gòu)，這篇文章主要介紹了Vue 中 createElement 使用詳解,需要的朋友可以參考下2022-10-10
如何使用electron將vue項(xiàng)目打包成.exe文件(保姆級(jí)教程)
本文給大家介紹如何使用electron將vue項(xiàng)目打包成.exe文件,大家要注意一下vue2項(xiàng)目,使用的vue-element-admin框架,用electron打包成.exe文件,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2024-03-03