如何避免[Vue警告]：找不到注射"xxxx"

Question

我在nuxt组合api中使用注入/提供模式。例如，组件A注入了组件B提供的函数，组件B是组件A的父级，如下所示。

//Component B 
const test = () => {}
provide('test', test)

//Component A 
const test = inject<Function>('test')

然而，当我想在不使用组件B的情况下使用组件A时，控制台上会显示此警告。我理解它的意思，但在这种情况下，它不需要使用"测试"函数。有什么办法可以避免这个警告吗？

[Vue warn]：注入；测试"；未找到

Answer 1

要避免警告，请指定默认值(inject()的第二个参数(：

const test = inject<Function>('test', () => {})

演示