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

本文主要解决关于在vueRouter里使用pinia 报错相关问题，让我们来一起看下具体解决方案吧！

问题描述

最近在开发项目时遇到这个问题，当我现在vueRouter 里使用登陆时所存储的用户权限，并渲染路由，需要在pinia里去取时 报如下错误， 一时间不得其解，原先使用vuex确实没有问题 可以直接使用的， 初步推测是vueRouter初始化的时间比pinia早。

[v_error]Uncaught Error: []: getActivePinia was called with no active Pinia.[/v_error]

程序员导航

优网导航旗下整合全网优质开发资源，一站式IT编程学习与工具大全网站

立即访问

具体如图：

解决办法

单独导出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问题相关的全部内容，希望对你有帮助。欢迎持续关注潘子夜个人博客，学习愉快哦！

AI 工具导航

优网导航旗下AI工具导航，精选全球千款优质 AI 工具集

立即访问