vue Improve Hydration Warnings

qhhrdooz  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(73)

此功能解决了什么问题?

当水合失败时,有关DOM结构和问题来源的有用信息会通过console.warn记录到控制台。但在生产构建中,这是不可用的。唯一可用的信息是“Failed to execute 'appendChild' on 'Node': This node type does not support this method.”,这使得很难追踪错误来源。

提议的API看起来如何?

可以通过warnHandler替换console的使用,warnHandler可以是一个错误或一个控制如何记录此警告的配置。

krcsximq

krcsximq1#

你好👋🏽
我遇到了相同的非可复现的脱水错误(在我们的错误报告工具上观察到)。
你在这方面取得了任何进展吗?

kqlmhetl

kqlmhetl2#

不幸的是,不是的,但它应该在即将发布的Vue版本的路线图上,就像在Vue.js阿姆斯特丹会议上宣布的那样。

$

$

efzxgjgh

efzxgjgh3#

好的,了解了(我猜这只是针对 Vue3 的)

q7solyqu

q7solyqu4#

我尝试通过在生产构建中使用自定义的Vue运行时并添加一个带有日志的try/catch来理解这些错误,以了解我的hydration问题出在哪里。

Vue运行时中已经存在的检测功能对于开发模式很有帮助,但在生产构建中简单地激活它们就足够了,因为我的情况是这些错误在本地无法重现(开发模式且没有生产数据)。

相关问题