vue3 中使用pinia报错 pinia.mjs:1696 Uncaught Error: []: getActivePinia was called with no active Pinia.

因为我路由文件想要使用pinia把所有的路由list传入但是我在用pinia的时候报错

但是我已经在main.ts中挂载过，后来发现是因为 pinia实例还没挂载而在route中就使用了
所以在route中pinia还需要挂载或者传入实例

在store文件夹下新建index.ts

import { createPinia } from 'pinia'
// 使用持久化插件
import piniaPluginPersist from 'pinia-plugin-persist'
const pinia = createPinia()
pinia.use(piniaPluginPersist)
export default piniaexport * from './modules/useUserStore'

在路由route.ts中

import pinia from '@/store';
const store = navStore(pinia);

成功解决！！

介绍一下持久化
有些时候我们需要缓存他我们想要的是用localStorage，但是有一个插件pinia-plugin-persist我们可以利用好

npm install pinia-plugin-persist

export const navStore = defineStore('nav', {state: () => ({}),actions: {},persist: {// 开启持久化enabled: true,strategies: [{// 自定义存储的 key，默认是 store.$idkey: "custom storageKey",// 可以指定任何 extends Storage 的实例，默认是 sessionStoragestorage: localStorage,// state 中的字段名，按组打包储存paths: ["foo", "bar"]}]}
});

vue3 中使用pinia报错 pinia.mjs:1696 Uncaught Error: []: getActivePinia was called with no active Pinia.相关推荐

vue3中使用jweixin-module报错
在vue3中使用: var jweixin = require('jweixin-module'); 会编译报错:require is not defined,没有require模块,改成import ...
关于php中Undefined index报错不是notice而是error的问题
众所周知,在php中,如果调用一个不存在的数组的key,会有notice提示,如果开启了display_errors => On,则会输出该notice提示 notice: undefined ...
在router中使用pinia报错解决
在router中使用pinia(getActivePinia was called with no active Pinia. Did you forget to install pinia)报错解决 ...
在ts文件中使用pinia报错解决
在ts文件中使用pinia(getActivePinia was called with no active Pinia. Did you forget to install pinia)报错解决一 ...
[pinia]报错信息:getActivePinia was called with no active Pinia. Did you forget to install pinia
在优化vue的过程中,看到目前为止官方推荐的数据管理工具是pinia,而我使用的是vuex pinia的迁移非常快捷方便所以接下来简要说明一下迁移过程中遇到的问题迁移问题 getActivePin ...
《一起学习rgbdSLAM》中g2o部分报错的问题
<一起学习rgbdSLAM>中g2o部分报错的问题在高博的<一起学习rgbdSLAM>第六讲中使用到了g2o工具.但是由于版本问题,按照高博的写法来编写代码在编译过程中会报错 ...
anconda安装后命令行中安装tensorflow报错
现象 anconda安装后命令行中安装tensorflow报错 pip install --upgrade --ignore-installed tensorflow-gpu Building wh ...
K.O. -------- Eclipse中Maven的报错处理
----------------------siwuxie095 K.O. -------- Eclipse 中 Maven 的报错处理 1.报错一: A 'Maven Build' configur ...
python无法启动该程序因为计算机中丢失_python报错：无法启动此程序，因为计算机中丢失...
原标题:python报错:无法启动此程序,因为计算机中丢失 python报错:无法启动此程序,因为计算机中丢失api-ms-win-crt-runtime-|1-1-0.dll api-ms-win- ...
Navicat 远程连接docker容器中的mysql 报错1251 - Client does not support authentication protocol 解决办法
Navicat 远程连接docker容器中的mysql 报错1251 - Client does not support authentication protocol 解决办法 1).容器中登录my ...

vue3 中使用pinia报错 pinia.mjs:1696 Uncaught Error: []: getActivePinia was called with no active Pinia.

vue3 中使用pinia报错 pinia.mjs:1696 Uncaught Error: []: getActivePinia was called with no active Pinia.相关推荐

最新文章

热门文章