如何有系统地调试React中的“未捕获的不变违规”错误

Question

我正在寻找一种有条不紊的方法，以找出在不熟悉的代码库中哪个组件导致了“未捕获的不变违反”错误。特别是在运行不输出堆栈跟踪的业力测试套件时。

最幸运我有被添加console.log(JSON.stringify(element))到render功能例如ReactShallowRenderer.prototype.render，其工作好。有一个更好的方法吗？

Answer 1

我在chrome上使用了异常断点，打开复选标记。然后使用CallStack来追踪抛出错误的组件。