Breeze, Vue, Inertia SSR, ReferenceError: Echo is not defined

@charlescook Where are you importing Echo? As it will only be undefined if it’s not imported.

Well I figured it out, or have a work around. I added the channel to a function that is control by a button :

let channel = ''; //Echo.channel('AdminChannel');
function start_listening() {
   channel = Echo.channel('AdminChannel');
   channel.listen('AdminEvent', (e) => {} 

At first I tried a setTimeout, but no length of time work. It seems to require human interface, like an activate voice button.

Well there were more bugs than I thought. Double Rendering of Text when leaving channels and coming back. Fix, if others need it: Start chat .vue:

import Echo from 'laravel-echo';
import Pusher from 'pusher-js';

function open_chat() {

    window.Pusher = Pusher;
    window.Echo = new Echo({
        broadcaster: 'pusher',
        key: '55555555555',
        cluster: 'mt1',
        forceTLS: true,
        enabledTransports: ['wss', 'ws'],
    });
    channel = window.Echo.channel('AdminChannel');
    channel.listen('AdminEvent', (e) => {}

leave channel isn't enough to prevent doubles. Close chat:

    window.Echo.leaveChannel('AdminEvent');
    window.Echo.disconnect();

php controller:

broadcast(new AdminEvent($room_id, $user_id, $message))->toOthers();

Event:

use Illuminate\Contracts\Broadcasting\ShouldBroadcastNow;

class AdminEvent implements ShouldBroadcastNow

SSR means server-side rendering. This means that when compiling your assets, there is no browser window. This is why you're seeing window is not defined. When using SSR, you're going to want to assign Echo in an onMounted() hook.