Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

celmar's avatar

Breeze Login or Registration screen without css

I install laravel with breeze. But breeze login or registration blade cannot load css. I created project laravel new myproject Install breeze

composer require laravel/breeze --dev
php artisan breeze:install
 
php artisan migrate
npm install
npm run dev

Still no css in auth screen. What should i do for this?

0 likes
4 replies
SilenceBringer's avatar

@celmar open the dev tool in browser and check console and network tab. Which url it try to load for css? Does it match real file path?

celmar's avatar

Thanks for answer. laravel doesn't render vite. I using vite guide for upgrade to vite from mix

celmar's avatar

vite.config.js

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

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

tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],


    plugins: [require('@tailwindcss/forms')],
};

package.json

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@tailwindcss/forms": "^0.4.0",
        "alpinejs": "^3.4.2",
        "autoprefixer": "^10.4.2",
        "axios": "^0.25",
        "laravel-vite-plugin": "^0.6.0",
        "lodash": "^4.17.19",
        "postcss": "^8.4.6",
        "postcss-import": "^14.0.2",
        "tailwindcss": "^3.0.18",
        "vite": "^3.0.9"
    }
}
celmar's avatar

where is problem that laravel don't render @vite? my page source is like that

@vite(['resources/css/app.css', 'resources/js/app.js'])

Please or to participate in this conversation.