学习如何在Nuxt 3中使用Composeable来调用Pinia store-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

学习如何在Nuxt 3中使用Composeable来调用Pinia store

P粉418351692 2023-08-26 09:34:11

[Vue.js讨论组]

1574

自从nuxt 3.4.0更新以后，无法在composeables中使用pinia store。

//例子composeable
import { useAuthStore } from '~/store/auth-store';
const authStore = useAuthStore();

export function doSomethingWithStore() {
  return authStore.checkAuthUser;
}

你将会收到以下错误

getActivePinia was called with no active Pinia. Did you forget to install pinia? const pinia = createPinia() app.use(pinia) This will fail in production.

查看stackblitz例子 https://stackblitz.com/edit/broken-pinia-store-in-composeables?file=composables%2FthisBreaks.js,nuxt.config.ts

P粉418351692

全部回复(1)

P粉3782646332023-08-27 00:19:28 1楼

这是因为像你所做的那样，在任何函数之外声明const authStore = useAuthStore();会在应用程序启动的某个早期阶段调用，并且在Vue实例内正确初始化Pinia实例之前。

这样做会起作用：

import { useAuthStore } from '~/store/auth-store';

export function doSomethingWithStore() {
  const authStore = useAuthStore();
  return authStore.checkAuthUser;
}

可以安全地进行Pinia调用的地方（可能不是完整的列表）：