getActivePinia was called with no active Pinia. Did you forget to install pinia?

在Vue3中的路由里面使用Pinia报错：

代码如下：

import { createRouter, createWebHistory } from 'vue-router'
import routes from './routes'
import { userStore } from "@/store/user";const userStoreData = userStore(); // 注意这行代码位置！！！！const router = createRouter({history: createWebHistory(),routes
})router.beforeEach((to, form, next) => {document.title = `${to.meta.title} | 管理系统`const role = userStoreData.msUserNameif (!role && to.path !== '/login') {next('/login')} else if (to.meta.permission) {// 简单模拟下如果是管理员权限，那么可以进入role === "admin" ? next() : next('/403')} else {next()}
})
export default router

解决办法：Using a store outside of a component | Pinia

getActivePinia was called with no active Pinia. Did you forget to install pinia?相关推荐

[pinia]报错信息:getActivePinia was called with no active Pinia. Did you forget to install pinia
在优化vue的过程中,看到目前为止官方推荐的数据管理工具是pinia,而我使用的是vuex pinia的迁移非常快捷方便所以接下来简要说明一下迁移过程中遇到的问题迁移问题 getActivePin ...
[pinia]getActivePinia was called with no active Pinia. Did you forget to install pinia?
getActivePinia was called with no active Pinia. Did you forget to install pinia? https://github.com/ ...
外部js文件中调用pinia时，报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
分析原因:是pinia在main.js中还未注册好,便在其他文件中使用了它. 正确引用: src/stores/index.js文件 import { createPinia } from 'pini ...
vue3使用Pinia进行全局状态管理，Pinia安装和使用，Pinia 和 Vuex的对比
介绍--为什么要使用 Pinia? Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态. 如果您熟悉 Composition API,您可能会认为您已经可以通过一个简单的 export c ...
getActivePinia was called with no active Pinia.
在vue3中使用pinia的时候,遇到这样的问题: getActivePinia was called with no active Pinia. 说是实例在路由文件中使用的时候,pinia实例没有被 ...
pinia与vuex的区别以及pinia的使用
###pinia 与 vuex 的区别 pinia 的优点 : 完整的 TypeScript 支持:与在 Vuex 中添加 TypeScript 相比,添加 TypeScript 更容易极其轻巧(体 ...
在router中使用pinia报错解决
在router中使用pinia(getActivePinia was called with no active Pinia. Did you forget to install pinia)报错解决 ...
在ts文件中使用pinia报错解决
在ts文件中使用pinia(getActivePinia was called with no active Pinia. Did you forget to install pinia)报错解决一 ...
中國IT從業人員如此之多，為什麼沒有流行世界的核心技術呢？例如，操作系統，編程語言，數據庫等...
工业革命与文艺复兴 18世紀中葉,英國人瓦特改良蒸汽機之後,一系列技術革命引起了從手工勞動向動力機器生產轉變的重大飛躍.隨後傳播到英格蘭到整個歐洲大陸,19世紀傳播到北美地區.工業革命的基礎,是物理和 ...
Pinia轻量级状态管理
1.1核心概念 vuex中有四个核心概念: State Getters Mutaions Actions 在Pinia中: State Getters Actions 同步异步都支持 1.2基本示例 ...

getActivePinia was called with no active Pinia. Did you forget to install pinia?

getActivePinia was called with no active Pinia. Did you forget to install pinia?相关推荐

最新文章

热门文章