Vue3在router中使用pinia報錯的簡單解決辦法
報錯會報兩個一個是xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function還有一個是getActivePinia was called with no active Pinia
因為接到了要在路由守衛(wèi)中增加判斷的需求，需要用到store中的數(shù)據(jù)，于是在router里面import了store，beforeEach里use了，然后啟動就報異常，去官網(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中代碼是這樣的
知曉一二了，一個Store引入另外一個Store，const userStore = useUserStore();的位置應該放在具體方法里面不能放到上面，否則也會像Router那樣在pinia初始化之前就被調(diào)用從而報xxx is not a function的錯誤
解決方案：檢查所有Store包括js，把這種在方法外部useStore的地方都改到具體使用的方法里去
再試試，就一切正常了
總結
到此這篇關于Vue3在router中使用pinia報錯解決的文章就介紹到這了,更多相關Vue3 router使用pinia報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了SpringBoot+Vue 前后端合并部署的配置方法,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
這篇文章主要介紹了vue3.0實現(xiàn)插件封裝的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
Vue父子組建的簡單通信之控制開關Switch的實現(xiàn)
這篇文章主要介紹了Vue父子組建的簡單通信之控制開關Switch的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
PostCSS 是一個用 JavaScript 編寫的工具,用于將 CSS 轉換為另一種 CSS,在做h5頁面的屏幕適配時,結合 PostCSS 的一些插件能輕松實現(xiàn),下面以結合 postcss-pxtorem 插件為例,詳細介紹配置步驟,需要的朋友可以參考下2025-02-02
key屬性可以用來提升v-for渲染的效率,vue中使用v-for渲染數(shù)據(jù)的時候,并不會去改變原有的元素和數(shù)據(jù),下面這篇文章主要給大家介紹了關于vue?v-for中key原理的相關資料,需要的朋友可以參考下2022-04-04
vue3實現(xiàn)alert自定義的plugins方式
這篇文章主要介紹了vue3實現(xiàn)alert自定義的plugins方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
electron-vue利用webpack打包實現(xiàn)多頁面的入口文件問題
項目需要在electron的項目中新打開一個窗口，利用webpack作為靜態(tài)資源打包器，發(fā)現(xiàn)在webpack中可以設置多頁面的入口，今天來講一下我在electron中利用webpack建立多頁面入口的踩坑經(jīng)驗,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了React?Diff算法不采用Vue雙端對比算法原因詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
Vue 提供了createElement 來創(chuàng)建虛擬dom，方便我們來函數(shù)化的方式來定義復雜的組件結構，這篇文章主要介紹了Vue 中 createElement 使用詳解,需要的朋友可以參考下2022-10-10
如何使用electron將vue項目打包成.exe文件(保姆級教程)
本文給大家介紹如何使用electron將vue項目打包成.exe文件,大家要注意一下vue2項目,使用的vue-element-admin框架,用electron打包成.exe文件,本文結合實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-03-03