在组件外(.js文件)中使用pinia的解决方法-牛翰网

场景

在封装的HTTP中使用pinia,如下：

结果报错：

 Uncaught Error: []: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)“

在使用pinia时，还没有在main.js中完成注册pinia文档

1、在stores中新建index.js

import { createPinia } from 'pinia'
const pinia = createPinia()
export default pinia

2 、在main.js中引入并注册

import pinia from './stores'
app.use(pinia)

3、在http.js中引入并传入

import pinia from '@/stores/index.js'
import { useCommonStore } from '@/stores/common'
const commonState = useCommonStore(pinia)

完毕

到此这篇关于在组件外(.js文件)中使用pinia的文章就介绍到这了,更多相关组件外.js文件使用pinia内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

本站所有资源来自于网络，仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您(转载者)自己承担！
如有侵犯您的版权，请及时联系3500663466#qq.com(#换@)，我们将第一时间删除本站数据。

THE END