Hey everyone, I’m stuck with a weird issue. I’ve got a React/TypeScript frontend and a Laravel backend API running separately. I’m trying to use Laravel Reverb for real-time events, but it’s not working as expected.
I’ve set up Reverb (v1.4.3) on my Laravel 11 app and Echo on the React side. The Reverb connection seems fine, and I can subscribe to channels without auth problems. But when I send events from the backend, nothing shows up on the frontend. I’ve tried both public and private channels, but no luck.
I’m running Reverb on port 8001, Laravel on 8080, and React on 5173. The auth endpoint is set to http://localhost:8001/api/broadcasting/auth.
Has anyone faced this before? Any ideas on what I might be missing? I’d really appreciate some help or even a step-by-step guide on setting this up correctly. Thanks!
hey mate, sounds like a real pain. have u checked ur event names match exactly? sometimes thats the culprit. also, double-check ur laravel echo config on the react side - make sure the host n port are spot on. i had similar issues and it was just tiny config mistakes tripping me up.
I recently encountered a similar situation and found that subtle misconfigurations can lead to these issues. My experience showed that checking the CORS settings in Laravel to allow requests from the React app was a crucial first step. Ensuring that the Laravel Echo configuration on the React side had the proper host and port, and using a fully qualified URL instead of a partial one, can also resolve connection problems.
Verifying that event names match exactly between Laravel and React further helped in troubleshooting the issue.
hey there! have u tried using the browser’s dev tools to check for any errors? sometimes theres hidden clues there. also, maybe try a simpler test event to see if its reaching the frontend at all? could be something funky with the event data. curious - what kinda events are u trying to send?