使用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)
【使用pinia持久化插件时踩过的坑】如果有小伙伴遇到和我一样的问题，然后解决了的话，记得回来给我点个赞哦，阿里嘎多