Naive UI 使用独立 API 后警告 inject
Naive UI 使用独立 API 后警告 inject
kifuan
发布于 2022-11-14 16:28:57
发布于 2022-11-14 16:28:57
解决方法
抽离出来一个单独的文件，用来储存 pinia 对象，如下：
import { createPinia } from 'pinia'
export const pinia = createPinia()注意 main.ts 中的 app.use 也要用这个单独的文件暴露的 pinia 变量（也就是跨文件全局变量），之后再在调用 createDiscreteApi 的地方改成下面这种形式：
const { message, notification, dialog, loadingBar, app } = createDiscreteApi(
['message', 'dialog', 'notification', 'loadingBar'],
)
app.use(pinia)现象及原因
报出的警告类似下面的形式：
[Vue warn]: injection "Symbol(pinia)" not found.
at <...>那么我在用 Devtools 的时候观察到了两个 App ：
两个 App
这时候我才意识到下面这个是由我使用独立 API 而创建的，才找到了引发这个警告的原因。
所以说 Devtools 还是很有用的。就这样，拜拜。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录