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

2022-07-12 00:00:00 javascript vue.js vite vuejs3 custom-renderer

我正在尝试使用Vue 3和Vite构建自定义渲染器。呈现器正在其original repo(克隆存储库、npm install和npm 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！

相关文章