使用pinia持久化插件时踩过的坑

使用pinia-- 和pinia--插件时，按说明配置好后，依旧本地存储无效

下面是我出现问题时的配置情况

import { createPinia } from "pinia";
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
const pinia = createPinia();pinia.use(piniaPluginPersistedstate);export default pinia;

import { defineStore } from "pinia";export const useUserStore = defineStore({id: "storeUser",state: () => {return {teacherId: "",islogin: false,token: "",};},persist: true,
});

然后在这个情况下 我 登录后，向pinia中添加token数据，按理来说，应该就会将 中的所有数据存储在本地的，然而并没有

下面是我点击登录 ， 成功后做的操作，但是修改了state了，应该就要存在本地了吧，但是就这么出bug了

不说废话， 我这个持久化 插件没有起作用的原因是 在下面的图片

因为我想在 路由这里 使用 中的state中的值 ， 然后跳转页面时做判断

本来我是这么写的，但是浏览器报错了

所以我又复制了报错 ， 去浏览器中搜索，找到解决方法，成功不报错了，也能在中使用了，但是却使那个持久化插件不工作了

但为了 实现在路由守卫中使用 pinia中的数据 ，把 () 这句 放到路由守卫中了

好了 分享就到这里了， 我使用pinia-- 工作不了的原因就是在路由文件中的这三句代码。

import pinia from '../stores/store'import { useUserStore } from '@/stores/user'let userStore = useUserStore(pinia)

如果有小伙伴遇到和我一样的问题，然后解决了的话，记得回来给我点个赞哦 ，阿里嘎多