vue3 - pinia报错getActivePinia() was called but there was no active Pinia. Did you forget to install p

已于 2024-09-12 16:25:51 修改
阅读量3.5k 收藏 3
点赞数 10
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) 文章标签： pinia vue3 状态管理 createPinia useStore vue3 pinia报错解决 浏览器控制台报错怎么办
于 2024-04-09 15:14:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/137551353
版权
前端组件与功能(开箱即用) 同时被 2 个专栏收录
331 篇文章 1922 订阅 ¥9.90 ¥99.00
订阅专栏
前端常见问题解决
126 篇文章 142 订阅 ¥9.90 ¥99.00
订阅专栏
在Vue3项目使用Pinia进行状态管理时遇到'getActivePinia() was called but there was no active Pinia'的错误。通过在store.js中设置和在main.js中正确引入pinia，以及在使用useStore前导入store.js，可以解决此问题。若在路由鉴权文件中使用pinia，需在useAppStore中直接传入pinia参数完成注册。
摘要由CSDN通过智能技术生成

报错说明

在vue3项目中，使用Pinia状态管理出现报错：“getActivePinia()” was called but there was no active Pinia. Did you forget to install pinia?，浏览器控制台报错，很多教程都无法解决，本文提供有效方法。

只要我们的报错差不多，就可以完美搞定。

在这里插入图片描述

解决方法

其实这个问题，实际上

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
专栏目录
订阅专栏
“getActivePinia()“ was called but there was no active Pinia。解决使用了pinia的组件无法正常使用的问题
weixin_44134588的博客
02-29 7903
使用pinia作为状态管理工具来写了一个vue组件,并发布至npm，然后在其他项目中安装使用时却出现了上述报错。2、在其他项目（使用了该组件）中的main.js中，注册pinia后挂载一个全局的 pinia实例。1、在发布的组件中使用pinia实例的地方均传入一个。
解决“getActivePinia()“ was called but there was no active Pinia. Did you forget to install pinia?
qq_62291805的博客
08-25 540
js文件引入store导致pinia报错
“getActivePinia()“ was called but there was no active Pinia. Are you trying to use a store before ca
最新发布
weixin_46769644的博客
08-09 204
"getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
[vue err]pinia.mjs:1739 Uncaught Error: []: “getActivePinia()“ was called but there was no
JiuMeilove的博客
07-28 240
使用pinia报错。
“getActivePinia()“ was called but there was no active Pinia. Did you forget to install pinia?报错的解决方案
z750467878的博客
08-15 6390
"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia?
getActivePinia()“ was called but there was no active Pinia. Are you trying to use a store before cal
KingShy1的博客
06-03 408
在钩子函数外，pinia 还没有被挂载，但是在前置守卫函数中，pinia 已经被挂载了，所以获取全局状态，需要在钩子函数中进行，正确的实现如下。1.在vue3中路由守卫里面使用pinia时报错。
vue3+ts+vite库开发，库被引用时报错“getActivePinia()“ was called but there was no active Pinia.的解决方案
Ricky__H的博客
07-11 4715
在库开发时，pinia在作为被以npm依赖的方式引用时，store实例化时没有被注入pinia实例，所以需要手动注入
解决vue报错：Uncaught Error: []: “getActivePinia()“ was called but there was no active Pinia
m0_45858045的博客
09-17 4236
pinia报错
"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia?
07-28
回答: 错误信息"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia? 是因为在调用getActivePinia()之前没有正确安装和注册pinia。\[3\]在main.ts文件中，应该先引入...
getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia
08-30
通过这样的设置，你就可以在其他文件中正确使用Pinia实例，并避免出现"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia"的错误。<span class="em">1</span><span ...
"getActivePinia()" was called but there was no active Pinia. Did you forget to install pinia? const pinia = createPinia()
08-12
引用、和中提到的错误"getActivePinia() was called but there was no active Pinia. Did you forget to install pinia?"是由于在项目中没有正确安装和使用pinia库引起的。和提到了类似的问题和错误提示信息。该错误...
vue3 解决pinia getActivePinia() 报错问题
w1314_1314的博客
06-03 519
【代码】vue3 解决pinia getActivePinia() 报错问题。
【Pinia】 was called but there was no active Pinia. Did you forget to install pinia | pinia报错
此人太懒，没有任何简介
07-19 232
【Pinia】 was called but there was no active Pinia. Did you forget to install pinia | pinia报错
Uncaught Error: []: “getActivePinia()“ was called but there was no active Pinia. Are you trying to
OnismYY的博客
04-16 295
pinia.js?v=38f1cc9f:1341 Uncaught Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"? pinia在组件外使用存储
外部js调用pinia时，解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
唐唐唐行的博客
08-18 9625
外部js调用pinia时，解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
vue3中使用pinia报错Uncaught Error: []: getActivePinia was called with no active Pinia. Did，看我代码注释就能解决哈
jsmeng626的博客
03-29 4765
首先我遇到的情况是在store/index.js中，将pinia抽离开来然后在我的main.ts文件中去挂载现在可以清除的看到我是通过回调的方法先去挂载pinia再去挂载的router，因为router中我使用到了pinia，但是很奇怪的是，竟然报错告诉我使用pinia前要先安装，那可以确定我代码中先使用的pinia后挂载的，那就是这一步有问题了，本人怀疑是异步导致的。
【vue使用Pinia报错】getActivePinia was called with no active Pinia. Did you forget to install pinia？
Luo_LA的博客
03-09 709
pinia在main.js中还未注册好，便在其他文件中使用了它。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值