解决vueRouter中使用pinia报错getActivePinia was called with no active Pinia问题

文
章
目
录

• 问题描述
• 解决办法

本文主要解决关于在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问题相关的全部内容，希望对你有帮助。欢迎持续关注潘子夜个人博客，学习愉快哦！