inferno: inferno-dom.js:391 Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

hello,

i’m sporadically receiving this one below::

inferno-dom.js:391 Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The  node to be removed is not a child of this node.

updateNonKeyed @ inferno-dom.js:391
updateDynamicChild @ inferno-dom.js:573
update @ inferno-dom.js:2644
update @ inferno-dom.js:2736
instance.forceUpdate @ inferno-dom.js:3063
_updateComponent @ inferno-component.js:229
update @ inferno-dom.js:3135
instance.forceUpdate @ inferno-dom.js:3063
_updateComponent @ inferno-component.js:229
(anonymous function) @ inferno-component.js:116

snippet from inferno-dom.js [390-394]:

                    if (domNodeList[i + offset]) {
                        parentNode.removeChild(domNodeList[i + offset]);
                        domNodeList.splice(i + offset, 1);
                        offset--;
                    }

i wasn’t able to create example for reproducing it. i will re-try again in a few days.

using dev branch build: 3bb4223 thank you, regards

About this issue

  • Original URL
  • State: closed
  • Created 8 years ago
  • Comments: 21 (9 by maintainers)

Most upvoted comments

Hello. I have a similar problem. With what it can be connected? How to fix it? thx. capture

@TylorS this is fixed in the latest dev branch. We’re soon going to release, we’re just waiting on some further perf fixes. 😃

i did narrow down the cause to iterable rendered via JSX template. after i added key attribute to each iterated element to define uniqueness (same way as react is doing), the exception is not being thrown anymore. note that i still cannot provide case for reproducing it.

  class MyComponent99 extends InfernoComponent.Component {
      render() {
          return (
              <div>
                  {[1, 2, 3].map( p => { return (<div key={p}>{p}</div>); })}
              </div>
          );
      };
  };