“getActivePinia()“ was called but there was no active Pinia. Are you trying to use a store before ca

文章讲述了在Vue项目中,如何避免在未调用`app.use(pinia)`之前就尝试使用Piniastore,特别是在全局组件中。错误在于应在适当组件内导入和使用store,以确保在生产环境中不会报错。
摘要由CSDN通过智能技术生成

pinia.mjs:1709

Uncaught Error: [🍍]: “getActivePinia()” was called but there was no active Pinia. Are you trying to use a store before calling “app.use(pinia)”?
See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
This will fail in production.
at useStore (pinia.mjs:1709:19)
at article.js:3:20

错误的代码,解释在注释中

import request from '@/utils/request.js'
import { useTokenStore } from '@/stores/token.js'
const tokenStore = useTokenStore()
//写在全局位置,导致在根组件设置之外调用了useSettingsStoer()。      
//在调用 app.use (pinia) 之前创建存储(通过 useSomeStore ())。
//发生这种情况是因为您在 vue 文件根目录的组件设置之外调用 useSettingsStoer()。

export const articleCategoryListService = () => {
    //在pinia中定义的对象(tokenStore),都不需要.value
    return request.get('/category', { headers: { 'Authorization': tokenStore.token } })
}

正确的形式,只需要把全局对象改成局部

import request from '@/utils/request.js'
import { useTokenStore } from '@/stores/token.js'
//const tokenStore = useTokenStore()           错误

export const articleCategoryListService = () => {
    const tokenStore = useTokenStore()         
    //在pinia中定义的对象(tokenStore),都不需要.value
    return request.get('/category', { headers: { 'Authorization': tokenStore.token } })
}
  • 6
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值