vue3 在 js 文件中使用 store 报错

背景:

页面的 vue 文件引入了 js 文件,这个 js 文件中是抽离的一些变量,用到了 store 

pinia 是在 main 文件中注册的

 

问题:

1
2
3
4
5
6
7
8
9
10
11
12
import { storeToRefs } from 'pinia'
import { xxStore } from '@/store/xx'
 
const XxStore = xxStore()
const { xx } = storeToRefs(XxStore)
 
export default () => {
    return {
        ...
        xx   
    }
}

Uncaught Error: [🍍]: getActivePinia was called with no active Pinia. Did you forget to install pinia?  

 

解决:

调整使用的时机

1
2
3
4
5
6
7
8
9
10
11
12
import { storeToRefs } from 'pinia'
import { xxStore } from '@/store/xx'
 
export default () => {
    const XxStore = xxStore()
    const { xx } = storeToRefs(XxStore)
 
    return {
        // ...
        xx   
    }
}

 

posted @   yuhui_yin  阅读(738)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示