项目场景:

项目:vue3+pinia+vite+element-plus


问题描述

pinia.mjs:1692 Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?

错误:在没有激活Pinia的情况下调用getActivePinia。

报错代码:login.ts文件下

import { useUserStore } from '../../store/user'
import { useRoute } from 'vue-router'
const user = useUserStore()

报错位置:login.ts文件执行位置:
layout组件中。

原因分析:

报错:在没有激活Pinia的情况下调用getActivePinia

分析:

  1. login.ts中应用了pinia状态管理
  2. main.ts文件中尚未app.use(store),已经在layout文件中运行了login.ts文件

这里的问题像是异步导致的(不确定),main.ts中app.use(store).use(router).mount(“#app”),先挂store再挂router也不行,所以猜测是异步。


解决方案:

import store from '@/store/index.ts'
import { useUserStore } from '../../store/user'
import { useRoute } from 'vue-router'
const user = useUserStore(store)

以上是vue3中pinia的用法,在需要的页面再次引入pinia实例store即可。不同的是,其他页面引入,只需用const user = useUserStore(),激活pinia前引入需要传入pinia实例:const user = useUserStore(store)

Logo

前往低代码交流专区

更多推荐