Laravel Breeze CSS doesn't load with Vite

@Sinnbeck I saw you wrote this to a different user's question and it worked for them. But I tried the same and it didn't... Maybe I did it wrong? This is how my config file looks:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

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

@stayyef Close :)

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

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

Thank you! That worked @Sinnbeck

@Sinnbeck where is the script located?

@Sinnbeck I HAVE TRIED TO ADD BUT STILL DIDN'T LOAD CSS AND JS

@duanyespindola it's better to create your own thread. This one is solved so most people will ignore it

[UPDATE]

• If I DON'T put the "server" key on vite.config

  • the login page tries to get 0.0.0.0:5173/resources/css/app.css
  • the localhost:5173 page works

• if i put the "server" key on vite.config

  • the login page tries to get locahost:5173/resources/css/app.css
  • the localhost:5173 page do not work

In both cases the CSS is not loaded ... the network connection fails without any code HTTP code (net::ERR_EMPTY_RESPONDE) like theres is no server listening this port.

@Sinnbeck Sorry.. I will do it!

I upgraded to PHP 8.1.0 and reinstall the libraries used then "npm run dev" and it worked

@Mick79 The solution for me was to rerun the "npm run dev" command. I hope it solves your problem too