项目场景：

项目：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)。