reactjs - 无法获取未定义或空引用的属性 'remove'

Question

根据我的客户端错误日志，我的 ReactJS 应用程序有时会抛出以下异常。

TypeError: Unable to get property 'remove' of undefined or null reference
   at M.willDeleteListener (eval code:17:25544)
   at v.deleteAllListeners (eval code:1:25843)
   at m.Mixin.unmountComponent (eval code:16:15442)
   at i.unmountComponent (eval code:15:5262)
   at unmountChildren (eval code:17:3368)
   at _.Mixin.unmountChildren (eval code:17:2153)
   at m.Mixin.unmountComponent (eval code:16:15442)
   at i.unmountComponent (eval code:15:5262)
   at _.unmountComponent (eval code:15:16416)
   at i.unmountComponent (eval code:15:5262)

我认为错误的根源在 https://github.com/facebook/react/blob/35962a00084382b49d1f9e3bd36612925f360e5b/src/renderers/dom/client/eventPlugins/SimpleEventPlugin.js#L600

我无法重现(无论是在本地还是在生产环境中)。

什么可能导致此问题发生？我需要一些可以重现错误的想法。

Answer 1

我遇到了上述错误 "Unable to get property 'remove' of undefined or null reference"在 IE11 中用于 Angular 6 应用程序。我使用 NgClass 指令为 SVG 元素动态设置 CSS 类。

<svg viewBox="0 0 145 110" width="145" height="110" id="svg1">
<path class="bg" [ngClass]="{'my-class': my-cond = 'condition'}" stroke="#ccc" />
</svg>

解决方案:IE10和IE11需要以下npm，以便NgClass支持SVG元素。

    - Run > npm install --save classlist.js
    - import 'classlist.js';  // In polyfills.js