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

Question

我正在尝试使用Vue 3和Vite构建一个自定义渲染器。呈现器在其原始回购中工作(复制回购、npm install和npm run dev)，但是当我发布该呈现器并在另一个项目上安装时失败了。

为了重新创造，要么：

• 克隆、安装和运行此回购，或
• 创建一个Vue 3项目，npm安装mvp-renderer，并从mvp-renderer而不是vue导入{ createApp }。

工作自定义呈现器将类custom-renderer添加到每个DOM元素；在破损的版本中，没有任何东西呈现给DOM，当调用mount函数时，我看到以下错误：

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

对如何修复有什么想法吗？

Answer 1

多亏了Ferry的建议，我找到了解决这个问题的方法--看起来问题就在于Vite添加了一些额外的功能。

我向build:renderer添加了一个新的渲染器命令，当我现在从NPM安装时，它已经正常工作了。该命令只是运行一个常规的类型记录编译，而不是执行Vite的完整构建过程。

要查看它的运行情况，您可以从上面运行克隆实现，运行npm install mvp-renderer@latest，并运行npm run dev，查看it是否正常工作，而不会出现任何错误。

看起来，在Vite中原型化呈现器工作得很好，但是如果您想将它打包用于生产，则需要自己编译呈现器。再次感谢费里！