Windows - Failed to load when loading vite dev server resources

• Laravel Vite Plugin Version: 0.2.3
• Laravel Version: 9.x-dev (to include vite changes)
• Node Version: 16.14.0
• NPM Version: 8.4.1

Description:

In Windows, when loading the resources from Vite it fails to load as 0.0.0.0 is an invalid address in Windows and doesn’t get rerouted to 127.0.0.1 Chrome’s output: Failed to load resource: net::ERR_ADDRESS_INVALID 0.0.0.0:5173/@vite/client:1 Manually going into the generated hot file and changing the url to http://localhost:5173 instead of http://0.0.0.0:5173 allows all the files to load.

Steps To Reproduce:

Set up Laravel Vite Plugin as outlined in the UPRADE.md on Windows I’m using Laravel Sail (with the 5173 port mapped) through WSL, although I don’t know if that makes a difference. Due to the line setting host: ‘0.0.0.0’,, even changing the host in the vite.config.js file doesn’t help as it gets overwritten by this plugin.

[jessarcher]

I’m concerned about setting localhost in the hot file because on some machines this resolves to the IPv6 version (::1) and Docker doesn’t always listen on IPv6.

We could potentially set it to 127.0.0.1 to guarantee IPv4.

However, forcing a local address in the hot file would make things even harder if wanted to get sail share working with the Vite dev server.

There is maybe another option…

Vite allows you to configure where the client should look for the HMR server, using server.hmr. The Laravel Vite plugin should probably respect this, if set.

Would you mind testing against this branch?

https://github.com/laravel/vite-plugin/tree/use-hmr-host-when-set

I think you’ll want to set this in your vite.config.js (leaving server.host unset):

server: {
    hmr: {
        host: 'localhost',
    },
}

[amitleuva1987]

@mariom9267 , did you try below?

server: {
    hmr: {
        host: 'localhost',
    },
},