Jetstream + InertiaJS event triggered several times

Hi all,

Im using @laravelphp + JetStream & @inertiajs, I have used JetStream with livewire on the past, is my first time using Inertiajs.

On a clean install laravel new app --jet I add a single counter on the Vue view to test, on a click action the event is triggered several times when yarn watch is running and this is annoying.

The production build is working as expect, one event per click, but on watch the events are been triggered several times.

Not sure if is a mix or inertiajs or jetstream issue.

Any ideas?

chriscar

4 years ago

Level 1

Same issue here, yarn watch is even triggering triple events for me. In production everything is fine. Any ideas?

Tmeister

4 years ago

Level 5

I never found a solution for this, now I'm using yarn hot instead and it just works.

chriscar

3 years ago

Level 1

@tmeister

The ghost option in Browsersync is the cause for multiple triggered events. See: browsersync.io/docs/options/#option-ghostMode

In my webpack.mix.js file:

mix.browserSync({
    proxy: 'localhost:8000',
    ghostMode: false, // prevents triggering multiple click events
})

1 like

Please or to participate in this conversation.