FilamentF
Filament•6mo ago
Cem

Minimal Theme vite error

I've followed all the steps in the minimal-theme tutorial to make it work with TailwindCSS v4 but ...

if i 'npm serve' it works on the main page but as soon as i switch to filement it crashes with:

php 
Can't resolve '/vendor/filament/minimal-theme/resources/css' in '/Users/cem/Web/indiedevs/resources/css/filament/admin'


my vite.config.filament.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import tailwindcss from 'tailwindcss';
import autoprefixer from 'autoprefixer';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/filament/admin/theme.css'],
            refresh: true,
        }),
    ],
    css: {
        postcss: {
            plugins: [
                tailwindcss(),
                autoprefixer(),
            ],
        },
    },
    build: {
        outDir: 'public/build/filament',
    },
});

vite.config.js

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import tailwindcss from '@tailwindcss/vite';

export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
tailwindcss(),
],
});
and my package.json
js
"scripts": {
"build": "vite build && vite build --config vite.config.filament.js",
"dev": "concurrently "vite" "vite --config vite.config.filament.js""
},
```
Was this page helpful?