Pinia 插件 pinia-plugin-persist 添加 persist 属性时报错：没有与此调用匹配的重载

项目场景：

• Vue3
• TS 语言
• Pinia
• 插件：pinia-plugin-persist

问题描述

代码如下：

import { defineStore } from 'pinia'export const useInfoStore = defineStore('info', {state: () => {return {activeIndex: 0}},actions: {updateIndex(active: number) {this.activeIndex = active}},// 注意这里报错 // 没有与此调用匹配的重载persist: {storage: localStorage}
})

解决方案：

• 卸载聪(S) 明(B) 的 pinia-plugin-persist 插件

pnpm uninstall pinia-plugin-persist

• 安装替换

pnpm install pinia-plugin-persistedstate

在 main.ts 中配置 ,大概代码如下

import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'const app = createApp(App)
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)