Naive UI 使用独立 API 后警告 inject
2023-06-13 09:15:05 时间
解决方法
抽离出来一个单独的文件,用来储存 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
:
这时候我才意识到下面这个是由我使用独立 API 而创建的,才找到了引发这个警告的原因。
所以说 Devtools 还是很有用的。就这样,拜拜。
相关文章
- 了解下 Kuberentes Gateway API
- 05-React Antd UI库
- 2022新UI美观发卡网源码下载+功能强大且齐全
- 使用 SAP UI5 sap.ui.export.Spreadsheet API 进行 Excel 导出的一些限制
- 基于Appium实现UI遍历工具(七)总结
- API和Web Api
- IDEA 官宣全新默认 UI,真香!
- 旧版 QQ 邮箱切换到新版本 UI
- 2023-01-13:joxit/docker-registry-ui是registry的web界面工具之一。请问部署在k3s中
- WPF常用UI库和图表库(MahApps、HandyControl、LiveCharts)
- element ui table组件的基本使用
- 【愚公系列】2023年02月 .NET CORE工具案例-MahApps.Metro基于WPF的UI控件库
- 【Android UI】Path 测量 PathMeasure ② ( PathMeasure API 简介 | nextContour 函数 | getPosTan 函数 ★ | 曲线切线处理 )
- 【Android UI】Canvas 画布 ② ( Canvas 状态栈 | Canvas#restoreToCount 状态栈出栈到指定层级 )
- 【Android UI】贝塞尔曲线 ③ ( 贝塞尔曲线关键点坐标记录 | 二阶贝塞尔曲线示例 )
- Linux窗口API:开启更灵活的开发革命(linux窗口api)
- 掌握Oracle数据库API的神奇力量(oracle数据库api)
- Linux内核API手册:实现技术最新突破(linux内核api手册)
- Linux API应用:开启新的编程之路(linux的api)
- 初探Win11文件管理器:引入现代化UI 简化右键菜单
- 学习MongoDB操作API 简易入门指南(mongodb操作api)
- Redis Web UI:实现管理更轻松便捷(redis web ui)
- API接口实现MySQL数据库连接(api接口连接MySQL)
- 如何使用MySQL下载API数据(mysql下载api数据)
- Redis读写分离API实现提升效率(redis读写分离api)