为什么我在 Vue 开发工具中看不到 Pinia？

Question

我正在使用 Vue 3、Vuetify 3 和 Pinia 开发一个应用程序，所有这些我都在学习过程中。我正在尝试按照 这个视频 来学习 Pinia，大约 17:50 时，演示者说如有必要，请安装 Vue Devtools。我这样做了，并且能够看到添加了一个新的 Vue 选项，但是当我单击它时，我没有看到 Pinia，尽管视频清楚地显示我的 Pinia 商店是可见的。

为什么这不起作用？我使用的是 Vuejs.org 制作的 Vue Devtools 版本，版本为 6.50，我有两个 Pinia 商店，但与 Pinia 无关（除了确认它们已安装）出现在 Vue 窗口中正如您在此屏幕截图中看到的开发工具：

如果有人能告诉我如何让 Devtools 显示我的 Pinia 商店，我将不胜感激。

Answer 1

我遇到了同样的问题，并将 app.use(createPinia()) 移动到底部解决了我的问题。

这就是我在 vue devtools 上看不到 pinia 插件时的代码

app = createApp(App)

app.use(createPinia())
app.use(router)
app.use(VeeValidatePlugin)


app.mount('#app')

然后我像这样把pinia往下移动

app = createApp(App)

app.use(router)
app.use(VeeValidatePlugin)
app.use(createPinia())

app.mount('#app')

pinia 插件出现后。