Why do I get Unable to locate file in Vite manifest: resources/css/filament/manage/theme.css ? | Filament | Page 1

obtuse gale May 22, 2025, 9:45 PM

#

I get an error Unable to locate file in Vite manifest: resources/css/filament/manage/theme.css.

Even though my file path is correct.

vite.config.js

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

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/sass/tinymce/tinymce.scss',
                'resources/sass/admin/admin.scss',
                'resources/sass/app.scss',
                'resources/js/admin.js',
                'resources/js/app.js',
                'resources/css/filament/admin/theme.css'
            ],
            refresh: true,
        }),
    ],
    resolve: {
        alias: {
            // '~fontawesome': path.resolve(__dirname, 'node_modules/@fortawesome/fontawesome-free'),
            '~fontawesome': path.resolve(__dirname, 'resources/sass/fontawesome'),
        },
    }
});

real sageBOT May 22, 2025, 9:45 PM

#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> ✅ Mark Solution

obtuse gale May 22, 2025, 9:46 PM

#

This is what my PanelProvider looks like

->viteTheme('resources/css/filament/manage/theme.css'); at the end of the code

#

Is that because I use scss files instead of css?

dire heart May 22, 2025, 9:48 PM

#

Your vite config is looking for ‘resources/css/filament/admin/theme.css’ not ‘resources/css/filament/manage/theme.css’

#

Just need to get all your paths in check.

obtuse gale May 22, 2025, 9:50 PM

#

Oh no!

#

Thanks for the fix, this is how it looks after doing that.

#

What happened???

#

IT should look like better than this 😦

dire heart May 22, 2025, 9:53 PM

#

What’s off about the second screen shot.

obtuse gale May 22, 2025, 9:55 PM

#

For the 2nd screenshot. The new tailwind classes should be called here because I added tailwind classes

dire heart May 22, 2025, 9:56 PM

#

Make sure the files that have those classes are included in the tailwind config

#

Could be wrong, but looks to me like you’re using the tw prose class which has a max width, so it also needs a max-w-none class on the prose element.

#

If thats what you’re talking about.

obtuse gale May 22, 2025, 9:59 PM

#

Acutally no, ill display a better sample

#

This text should become red, but its still gray

#

dire heart May 22, 2025, 10:01 PM

#

Where are you adding the red class?

#

Do you have a custom color in your tailwind config for “text-red” because that’s not a default class in tailwind. Try “text-red-500”

obtuse gale May 22, 2025, 10:03 PM

#

changed it to that and rerun npm run dev, and (npm run build causes error)

dire heart May 22, 2025, 10:03 PM

#

And what is the error?

obtuse gale May 22, 2025, 10:03 PM

#

Is it because this was removed? ->viteTheme('resources/css/filament/manage/theme.css');

dire heart May 22, 2025, 10:04 PM

#

Well, you still need that.

obtuse gale May 22, 2025, 10:04 PM

#

Yeah, removed it because it breaks whenever I add that line of code

#

Output looks like this

dire heart May 22, 2025, 10:05 PM

#

The default filament theme doesn’t have those classes. That’s the whole point of a custom theme. It builds against your code base and replaces the default filament theme.

obtuse gale May 22, 2025, 10:06 PM

#

Yes understood

dire heart May 22, 2025, 10:06 PM

#

That’s just how tw works.

obtuse gale May 22, 2025, 10:06 PM

#

so i need to install tailwind ?

#

after doing the custom theme command for filament

dire heart May 22, 2025, 10:07 PM

#

Its already installed.

obtuse gale May 22, 2025, 10:08 PM

#

ran npm dev

dire heart May 22, 2025, 10:09 PM

#

Is this a repo you can share?

obtuse gale May 22, 2025, 10:09 PM

#

unfortunately its a private repo, not allowed :/

#

Hey but I found this one

https://github.com/QwikDev/qwik/issues/836#issuecomment-2665044734

#

The error is unique

#

Cant find any result from the search engine

dire heart May 22, 2025, 10:11 PM

#

Well, it’s hard to help without seeing exactly what you are doing, but it seems like you just have some setup out of place, but hard to help without seeing the code as a whole.

obtuse gale May 22, 2025, 10:13 PM

#

I understand, sorry I think I might just have to search from different forums but thanks for helping me

dire heart May 22, 2025, 10:15 PM

#

I promise it all works if it’s setup correctly.

obtuse gale May 22, 2025, 10:18 PM

#

Hey just wondering why is it causing postcss error?

#

I havent installed postcss

#

Nvm postcss is in the package, I just dont understand the error

dire heart May 22, 2025, 10:22 PM

#

Understood, but thats where it’s difficult to help without seeing all the files involved.

obtuse gale May 22, 2025, 10:56 PM

#

dire heart Understood, but thats where it’s difficult to help without seeing all the files ...

HI gont some hint, I got a new error after removing the tailwind/

#

#

#

I directly edited at the vendor file

#

Is this code looking for an npm package tailwind?

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import 'tailwindcss/variants';

@import 'base.css';

index.css at vendor/filament/filament/resources/css/index.css

#

Is this the case?
Because I see no tailwind in my node_modules.

dire heart May 22, 2025, 11:00 PM

#

Why are you modifying vendor files? Stop now.

obtuse gale May 22, 2025, 11:00 PM

#

dire heart Why are you modifying vendor files? Stop now.

Trying to debug things

#

Finding out why its causing this error and fixing it

dire heart May 22, 2025, 11:00 PM

#

You should never touch vendor files.

#Why do I get Unable to locate file in Vite manifest: resources/css/filament/manage/theme.css ?