Nuxt2 CompositionAPI - 无法在组件上显示导入的渲染函数 - “未定义模板或渲染函数”

Posted

技术标签:

【中文标题】Nuxt2 CompositionAPI - 无法在组件上显示导入的渲染函数 - “未定义模板或渲染函数”【英文标题】:Nuxt2 CompositionAPI - Can't display imported render function on component - "template or render function not defined" 【发布时间】:2022-01-08 21:42:15 【问题描述】:

所以我创建了一个渲染函数,据我所知,它是有效的。 (图1)(图2) 我将其导入组件并在 defineComponent 中注册。

然而,在运行时,我得到一个“模板或渲染函数未定义”错误抛出(图 3) 我相信我的render函数的导入是正确的,路径是有效的(图4)

有人可以告诉我我缺少什么吗?

谢谢!

图1

图2

图 3

图4

【问题讨论】:

【参考方案1】:

在与同事交谈后,我找到了问题的答案...(图 5)

渲染函数需要返回一个函数,然后调用“h”/“createElement”函数。没有嵌套你的函数,而是返回一个基本的 Vue 代理。这不会显示在页面上并导致上述问题。

感谢大家的帮助!

图 5

【讨论】:

以上是关于Nuxt2 CompositionAPI - 无法在组件上显示导入的渲染函数 - “未定义模板或渲染函数”的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt 2.5.0 + Firebase - 未找到依赖项

Vue Router - 使用 Vue 2 Composition API 获取路由参数

我在 Nuxt 2.14.0 中运行的是啥版本的 Vue?

Nuxt 3 中与 Nuxt 2 中的“匿名中间件”最接近的等价物是啥?

Nuxt 2 即将来临

[UWP]使用CompositionAPI的翻转动画