文
章
目
录
章
目
录
本文主要解决关于在vueRouter里使用pinia 报错相关问题,让我们来一起看下具体解决方案吧!
问题描述
最近在开发项目时遇到这个问题,当我现在vueRouter 里使用登陆时所存储的用户权限,并渲染路由,需要在pinia里去取时 报如下错误, 一时间不得其解,原先使用vuex确实没有问题 可以直接使用的, 初步推测是vueRouter初始化的时间比pinia早。
Uncaught Error: []: getActivePinia was called with no active Pinia.
具体如图:
解决办法
单独导出pinia
inport {createPinia} from 'pinia'
const pinia = createPinia()
export default pinia;
然后在使用store的地方引入 pinia
inport { createRouter, createWebHistory} from 'vue-router'
import pinia from '../stores/pinia'
const counterStore=useCounterStore(pinia) //在此处传入pinia
const route = createRouter({
......
})
export default route
以上就是关于解决vueRouter中使用pinia报错getActivePinia was called with no active Pinia问题相关的全部内容,希望对你有帮助。欢迎持续关注潘子夜个人博客,学习愉快哦!