Unable to locate file in Vite manifest:

Question

i'm using Asset Bundling (Vite) to show my css and js files, but i'm getting this error

Unable to locate file in Vite manifest: resources/demo/demo.css.

there is a dot at the end of the address.

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/demo/demo.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

And I use this code in blade:

@vite(['resources/demo/demo.css'])

"laravel":v9.30.1

PHP v8.1.6

"vite": "^3.0.0"

@UmerFayyaz only this css file works and other files gives error — meysam Zare, Sep 25 '22 at 15:06

score 0 · Answer 1 · answered Sep 25 '22 at 13:23

0

in ur vite config file

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

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/css/material-dashboard.css',
                'resources/js/app.js',
                'resources/demo/demo.css'
            ],
            refresh: true,
        }),
    ],
});

run this command : npm run build

then congratulations !

answered Sep 25 '22 at 13:23

Joukhar

724
1
3
18

1

thanks i add this to my codes but still gives me error – meysam Zare Sep 25 '22 at 15:08
unfortunately the command doesn't work – meysam Zare Sep 25 '22 at 15:09
I corrected the question – meysam Zare Sep 25 '22 at 15:13

Unable to locate file in Vite manifest:

1 Answers1