vitejs firefox can't create connection

[knotty sonnet]

I have this weird error lately:

Firefox can’t establish a connection to the server at wss://127.0.0.1:5173/. client.ts:78:17
[vite] failed to connect to websocket.
your current setup:
  (browser) 127.0.0.1:5173/ <--[HTTP]--> 127.0.0.1:5173/ (server)
  (browser) 127.0.0.1:5173/ <--[WebSocket (failing)]--> 127.0.0.1:5173/ (server)
Check out your Vite / network configuration and https://vitejs.dev/config/server-options.html#server-hmr . client.ts:48:16

I have tried some things with my vite config:

import laravel from 'laravel-vite-plugin';

const host = 'nik.test'
export default defineConfig({
    plugins: [
        laravel({
            host,
            hmr: false,
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

But it doesn't work. Any suggestions?

[elder mulch]

I dont think you need the host or hmr when working locally

if you're using wsl2 and sail you would do it like this:

https://laravel.com/docs/10.x/vite#configuring-hmr-in-sail-on-wsl2

[knotty sonnet]

I am using valet

Orriginaly I had this:

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

[elder mulch]

so i assume you've checked this: https://freek.dev/2276-making-vite-and-valet-play-nice-together

i dont use valet, I'm still using vagrant and homestead

but does opening http://127.0.0.1:5173 show anything at all ?
or http://localhost:5173

[knotty sonnet]

Yes it does show something.

I also tried this: https://laravel.com/docs/10.x/vite#working-with-a-secure-development-server but doesn't work...

[knotty sonnet]

THe weird thing is that this happened since I installed tailwind/typography