Laravel 9 - Vite is not bundling my images even if I declared the entry point

Question

I am using Laravel 9.27.0

I am trying to reference an image directly on my master.blade.php located on resources/views. This image is being used as the favicon for the site I am working on. According to the documentation, I should be able to reference this image with Vite by adding the following to my app.js

import.meta.glob([
  '../images/**'
]);

And I should be referencing the image in my blade using this code.

{{ Vite::asset('resources/images/favicon.png') }}

However I kept getting Unable to locate file in Vite manifest: resources/images/favicon.png.

Am I misunderstanding this or am I doing something wrong?

and the image is located in `resources/images/` ? – apokryfos Sep 02 '22 at 15:56 — apokryfos, Sep 02 '22 at 15:56
Same problem here. Only on specific images in png. – Yohann Tilotti Sep 20 '22 at 08:41 — Yohann Tilotti, Sep 20 '22 at 08:41

score 5 · Answer 1 · edited Sep 12 '22 at 09:15

5

You have to follow this:

https://laravel.com/docs/9.x/vite#working-with-blade-and-routes,

In resources/js/app.js you have to add

import.meta.glob([ '../images/**', ]);

and also in your config/app.php have facade alias defined:

'Vite' => \Illuminate\Support\Facades\Vite::class,

then you can use

<img src="{{ Vite::asset('resources/images/photo.jpg') }}" >

edited Sep 12 '22 at 09:15

Abdulla Nilam

36,589
17
64
85

answered Sep 12 '22 at 09:12

Madhav Kumar

51
2

then use src="{{ Vite::asset('resources/images/photo.jpg') }}" – Madhav Kumar Sep 12 '22 at 09:18
Run composer update as well if Vite::asset not available in \Illuminate\Support\Facades\Vite::class – Madhav Kumar Sep 12 '22 at 09:24

score 0 · Answer 2 · answered Sep 02 '22 at 13:11

0

You could try also run command:

npm run build

That also will reload everything in Vite config.

answered Sep 02 '22 at 13:11

kalview

135
2
13

I have been doing this all the time but it still doesnt work – Jheems Sep 02 '22 at 14:41

score 0 · Answer 3 · answered Sep 20 '22 at 08:47

0

The answer is here: https://stackoverflow.com/questions/73502963/larave-vite-vite-manifest-missing-odd-files

Need to add this in vite.config.js:

build: {
    assetsInlineLimit: 0
}

answered Sep 20 '22 at 08:47

Yohann Tilotti

165
9

score 0 · Answer 4 · answered Dec 05 '22 at 11:32

0

I just had the same issue.

It was about read permissions on the images folder, as the web server was not permitted to access and read it.

answered Dec 05 '22 at 11:32

madbob

456
1
6
13

score 0 · Answer 5 · answered Dec 16 '22 at 05:46

I had the same problem, but I could solve it, deleting the file public/hot.

These steps I followed:

Set my image <img src="{{ Vite::asset('resources/img/image.png') }}" alt="image">
Add Vite alias in config/app.php file: 'Vite' => \Illuminate\Support\Facades\Vite::class,
Clear cached config php artisan config:clear
Run command npm run dev (This creates public/hot file).
Delete file public/hot.
Run command npm run build.

Laravel 9 - Vite is not bundling my images even if I declared the entry point

5 Answers5

Linked