如何解决Vue 3自定义渲染器错误

人气:358 发布:2022-10-16 标签: javascript vue.js vuejs3 vite custom-renderer

问题描述

我正在尝试使用Vue 3和Vite构建自定义渲染器。呈现器正在其original repo(克隆存储库、npm installnpm run dev)中工作,但在我发布该呈现器并安装到另一个项目时失败。

要重新创建,请执行以下操作:

Clone, install, and run this repo或 创建Vue 3项目,NPM安装mvp-renderer,并从mvp-renderer导入{ createApp },而不是vue

工作自定义呈现器将类custom-renderer添加到每个DOM元素;在损坏的版本中,不会向DOM呈现任何内容,当调用mount函数时,我看到以下错误:

[Vue warn]: resolveComponent can only be used in render() or setup().

您对如何修复有什么想法?

推荐答案

多亏了Ferry Kranenburg的建议,我找到了解决此问题的方法--看起来问题在于添加了一些额外的功能。

我向the renderer添加了一个新的build:renderer命令,现在从NPM安装时它工作正常。该命令只运行常规的类型脚本编译器,而不是执行VITE的完整构建过程。

若要查看它的运行情况,您可以从上面clone the implementation运行npm install mvp-renderer@latest,然后运行npm run dev查看它的运行情况,没有任何错误。

看起来在VITE中对呈现器进行原型化工作得很好,但如果您想将其捆绑在一起用于生产,则需要自行编译呈现器。再次感谢Ferry!

462