Vue3在router中使用pinia报错的简单解决办法
报错会报两个一个是xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function还有一个是getActivePinia was called with no active Pinia
因为接到了要在路由守卫中增加判断的需求，需要用到store中的数据，于是在router里面import了store，beforeEach里use了，然后启动就报异常，去官网翻文档。
（https://pinia.web3doc.top/core-concepts/outside-component-usage.html）
大概的意思是要在初始化了pinia之后调用才行，得把useStore的逻辑写到方法里，照着操作一遍发现还是xxxStore WEBPACK_IMPORTED_MODULE_1__.default) is not a function。于是乎检查所有Store，发现有些Store中代码是这样的
知晓一二了，一个Store引入另外一个Store，const userStore = useUserStore();的位置应该放在具体方法里面不能放到上面，否则也会像Router那样在pinia初始化之前就被调用从而报xxx is not a function的错误
解决方案：检查所有Store包括js，把这种在方法外部useStore的地方都改到具体使用的方法里去
再试试，就一切正常了
总结
到此这篇关于Vue3在router中使用pinia报错解决的文章就介绍到这了,更多相关Vue3 router使用pinia报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Vue请求JSON Server服务器数据的实现方法,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了vue简单练习 桌面时钟的实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值的相关资料,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了vue 点击删除常用方式小结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
vue props使用typescript自定义类型的方法实例
这篇文章主要给大家介绍了关于vue props使用typescript自定义类型的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue中使用vue-print.js实现多页打印，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要为大家详细介绍了vue实现卡片翻转轮播展示，同时在翻转时切换数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要介绍了Vue获取页面元素的相对位置的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
解决ant Design中Select设置initialValue时的大坑
这篇文章主要介绍了解决ant Design中Select设置initialValue时的大坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要为大家介绍了Mixin混入分发Vue组件可复用功能基础示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
这篇文章主要介绍了vue单个组件实现无限层级多选菜单的相关资料，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-04-04
最新评论