如何使用ReactJS/Preact处理零星组件卸载错误？

Question

为了学习目的，我正在构建一个带有Preact的ReactJS SPA。每隔一段时间，我使用的库(react-frame-component)中的一个组件将在卸载时抛出一个异常，从而破坏应用程序的其他部分。这是一个非常偶然的错误，因此我无法创建一个再现它的测试用例。

我确实了解误差边界，并尝试将有问题的<Frame>组件封装在一起，但这并没有产生什么影响。具体来说，我得到的错误消息是

Uncaught (in promise) TypeError: Cannot read property 'body' of null
    at Frame.getMountTarget (Frame.js:112)
    at Frame.componentWillUnmount (Frame.js:95)
    at unmountComponent (preact.js:355)
    at unmountComponent (preact.js:358)
    at recollectNodeTree (preact.js:198)
    at removeChildren (preact.js:208)
    at recollectNodeTree (preact.js:201)
    at removeChildren (preact.js:208)
    at recollectNodeTree (preact.js:201)
    at removeChildren (preact.js:208)

我不知道如何自己捕获这个错误，甚至只是正确地调试它。任何帮助都将不胜感激。

Answer 1

通过仅仅创建一个“自定义”iframe来解决：

let src = 'iframe src here';

<iframe id="my-awesome-frame"
        srcdoc={src} sandbox="allow-same-origin">
</iframe>