Cannot read property 'removeEventListener' of undefined after updating to 3.1.0 about stimulus_reflex HOT 9 CLOSED

If it helps, I also reported this issue and have easily reproducible steps in #153.

from stimulus_reflex.

3.1.2 fixed the problem for me and provided enough additional info for me to figure out what I did wrong, so THANKS.

For anyone else who hits this and runs across this issue: with 3.1.2, on page load I get StimulusReflex was unable to register the ActionCable consumer. Don't worry, everything should still work. Things still didn't work when triggering the actual reflex from the UI, but now the console (properly) informs me

Error invoking action "input->stimulus-reflex#__perform"

 The ActionCable connection is not open! `this.isActionCableConnectionOpen()` must return true before calling `this.stimulate()` 

And that in turn finally led me to realize that the problem does indeed trace back to my own bad code. The issue in this case is that I have implemented authentication in ApplicationCable::Connection#connect but this particular reflex appears on a page outside of the application's authentication context. So ActionCable is doing exactly what I told it to do and not connecting, and StimulusReflex is quite properly refusing to act without any way to talk to the server.

from stimulus_reflex.

Thanks for the bug report. This is interesting. What client side event is your reflex wired up to?

from stimulus_reflex.

It's a pretty direct clone of https://expo.stimulusreflex.com/demos/gravatar so it's on input

HAML source code:

  .columns
    .column
      = f.input :email, hint: f.object.new_record? ? t('.email.hint') : nil, input_html: { data: { reflex: 'input->LibravatarReflex#perform' } }
    .column
      .span.image.is-64x64= image_tag(@libravatar_image_url || '')

from stimulus_reflex.

Does this error happen consistently or only some of the time? Also, what version of ActionCable are you using?

Note that I just deployed the expo site using StimulusReflex 3.1.0 and can't seem to replicate this error (locally or on the Heroku deployment).

http://expo.stimulusreflex.com/demos/gravatar

from stimulus_reflex.

It's consistently for me, ActionCable is at 6.0.2.2

Let me see if I can come up with a repro in a fresh project. If it doesn't repro on the Expo project it seems likely this is something squirrelly that I'm doing.

from stimulus_reflex.

OK. We need to be more defensive around this section of code (that's providing a non-essential bit of functionality). I'll work on a patch release today and try to ship it tomorrow. https://github.com/hopsoft/stimulus_reflex/blob/master/javascript/consumer.js#L36-L46

Thanks again.

from stimulus_reflex.

I've been pulling my hair out all day trying to figure this out as well. Assumed it was something I was doing wrong since this is my first time using ActionCable.

from stimulus_reflex.

Sorry for any confusion. Please use 3.0.0 while waiting for the patch. 🙏

from stimulus_reflex.