Problem with broadcasting in frontend?

Question

Google Chrome

code in bootstrap.js

import Echo from 'laravel-echo'

window.Pusher = require('pusher-js');

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: '....',
});

window.Echo.channel('chat-room')
    .listen('.app.Events.ChatMessageWasReceived.php', (e)=>{
   console.log(e);
});

the event itself

class ChatMessageWasReceived implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $chatMessage;
    public $user;

    /**
     * Create a new event instance.
     *
     * @param $user
     * @param $chatMessage
     */
    public function __construct($chatMessage, $user)
    {
        $this->user = $user;
        $this->chatMessage = $chatMessage;
    }

    /**
     * Get the channels the event should broadcast on.
     *
     * @return \Illuminate\Broadcasting\Channel|array
     */
    public function broadcastOn()
    {
        return new PrivateChannel('chat-room');
    }
}

and the problem is that an event message comes to the service, but in chrome it does not trigger in any way. And I can not understand what is robelma. Need help