Filament•12mo ago

Custom theme: Unable to locate file in Vite manifest

I created a custom theme according to: https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme Then I registered it in the Panel provider: ->viteTheme('resources/css/filament/client/theme.css') This is my vite.config.js:

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

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

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

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

And I ran npm run build But in production it still gives this error (locally it works fine): Unable to locate file in Vite manifest: resources/css/filament/client/theme.css

Themes - Panel Builder - Filament

Solution:

This input array

Jump to solution

5 Replies

Matthew•12mo ago

whut

Solution

Matthew•12mo ago

This input array

Matthew•12mo ago

you dont create a new array So in this case

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

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

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

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

Then ofc npm run build @Veur

VeurOP•12mo ago

Ah, of course 🙂 Thanks!

Matthew•12mo ago

Np 🙂

Gaming

Programming

Custom theme: Unable to locate file in Vite manifest