Error on endTour(true) -- TypeError: Cannot read property 'removeChild' of null

[steveaft]

TypeError: Cannot read property 'removeChild' of null
    at Object.destroy (webpack:///./~/hopscotch/dist/js/hopscotch.min.js?:17:10990)
    at n (webpack:///./~/hopscotch/dist/js/hopscotch.min.js?:17:14811)
    at Hopscotch.endTour (webpack:///./~/hopscotch/dist/js/hopscotch.min.js?:17:19761)
    at startTour$ (webpack:///./client/tour/sagas.js?:197:35)
    at tryCatch (webpack:///./~/regenerator-runtime/runtime.js?:62:40)

I'm using v0.2.5, haven't checked 0.2.6 but the offending line of code looks the same.

https://github.com/linkedin/hopscotch/blob/dc747f0e7fc8009227810ed623e3d31e418cda9b/src/js/hopscotch.js#L979-L986

I haven't figured out the exact cause, but I'm running into a case where I call endTour(true) before I've actually run a tour yet, and I get a console error/exception because parentNode is null.

I don't know enough of the plumbing without digging to figure out why. Maybe you can guess how that element might be detached somehow?

the element is the bubble

    destroy: function() {
      var el = this.element;

      if (el) {
        el.parentNode.removeChild(el);
      }
      utils.removeEvtListener(el, 'click', this.clickCb);
    },

Or perhaps you can do if (el && el.parentNode)

[timlindvall]

If el exists, it should be attached to the DOM. I'll have to figure out what code path we're taking where the bubble is created but isn't attached to the page for some reason.

[jziggas]

I've run into the same error. In my case our code was inadvertently calling hopscotch.endTour() when a tour hadn't been started yet.

[yishaic]

same case as @jziggas