Level 102
How are you loading them? In blade ? Vue?
1 like
Sep 12, 2022
19
Level 1
How to force Vite to load all PNG images?
I added the code in app.js:
import.meta.glob([
'../images/**'
]);
But, only svg icons loaded, why? How can I load all the others?
Level 1
@Sinnbeck controller,
use Illuminate\Support\Facades\Vite;
#-----------------
Vite::asset('resources/images/android-chrome-192x192.png'),
Level 102
@AT03 Can you show your vite config file?
Level 1
@Sinnbeck default
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
export default defineConfig({
plugins: [
laravel({
input: [
'resources/sass/app.scss',
'resources/js/app.js',
],
refresh: true,
}),
],
});
Level 102
@AT03 Hm strange. What kind of error are you getting?
Level 1
@Sinnbeck Unable to locate file in Vite manifest: resources/images/android-chrome-192x192.png.
Level 102
@AT03 Can you try php artisan tinker and then file_exists(base_path('resources/images/android-chrome-192x192.png'));
Level 1
Psy Shell v0.11.8 (PHP 8.1.8 — cli) by Justin Hileman
>>> file_exists(base_path('resources/images/android-chrome-192x192.png'));
=> true
Level 102
@AT03 Did you run npm run build?
Level 1
@Sinnbeck yes. only svg, fonts, scss, js.
public/build/assets/favicon.67cc30d2.ico 14.73 KiB
public/build/assets/logo-white.ed2c3f47.svg 53.82 KiB
public/build/assets/logo.c59314e7.svg 53.82 KiB
public/build/assets/safari-pinned-tab.174f4a77.svg 9.08 KiB
public/build/assets/HelveticaNeueCyr-Medium.f3368938.eot 24.03 KiB
public/build/assets/HelveticaNeueCyr-Heavy.e46cbcfd.eot 23.55 KiB
public/build/assets/HelveticaNeueCyr-HeavyItalic.336b9f8f.eot 25.54 KiB
public/build/assets/HelveticaNeueCyr-Black.f7470b47.eot 24.38 KiB
public/build/assets/HelveticaNeueCyr-UltraLightItalic.f2b5397e.eot 26.43 KiB
public/build/assets/HelveticaNeueCyr-BlackItalic.4ad24e6e.eot 26.08 KiB
public/build/assets/HelveticaNeueCyr-ThinItalic.626a57e2.eot 26.55 KiB
public/build/assets/HelveticaNeueCyr-MediumItalic.2faa41b2.eot 26.02 KiB
public/build/assets/HelveticaNeueCyr-LightItalic.21da09c4.eot 26.70 KiB
public/build/assets/HelveticaNeueCyr-UltraLight.e50dc55b.eot 24.64 KiB
public/build/assets/HelveticaNeueCyr-BoldItalic.a1ab7247.eot 25.30 KiB
public/build/assets/HelveticaNeueCyr-Italic.842ae37d.eot 25.64 KiB
public/build/assets/HelveticaNeueCyr-Roman.8473d2ae.eot 24.25 KiB
public/build/assets/HelveticaNeueCyr-Bold.e1ef5837.eot 23.61 KiB
public/build/assets/HelveticaNeueCyr-Light.8a0f42c2.eot 24.56 KiB
public/build/assets/HelveticaNeueCyr-Thin.dc401f6b.eot 24.75 KiB
public/build/assets/HelveticaNeueCyr-Medium.af04fdef.woff 14.50 KiB
public/build/assets/HelveticaNeueCyr-Heavy.f34323a9.woff 14.25 KiB
public/build/assets/HelveticaNeueCyr-HeavyItalic.03af3595.woff 15.47 KiB
public/build/assets/HelveticaNeueCyr-Black.cb003dea.woff 14.79 KiB
public/build/assets/HelveticaNeueCyr-UltraLightItalic.9fb80a4f.woff 15.74 KiB
public/build/assets/HelveticaNeueCyr-BlackItalic.373aee26.woff 15.83 KiB
public/build/assets/HelveticaNeueCyr-ThinItalic.8e091afb.woff 15.78 KiB
public/build/assets/HelveticaNeueCyr-MediumItalic.867e9fdc.woff 15.59 KiB
public/build/assets/HelveticaNeueCyr-LightItalic.9bd28e10.woff 16.14 KiB
public/build/assets/HelveticaNeueCyr-UltraLight.80d30fb4.woff 14.85 KiB
public/build/assets/HelveticaNeueCyr-BoldItalic.891da610.woff 15.37 KiB
public/build/assets/HelveticaNeueCyr-Italic.5d255a04.woff 15.47 KiB
public/build/assets/HelveticaNeueCyr-Roman.a388df6c.woff 14.67 KiB
public/build/assets/HelveticaNeueCyr-Bold.38c66f78.woff 14.35 KiB
public/build/assets/HelveticaNeueCyr-Light.fb8043f6.woff 14.77 KiB
public/build/assets/HelveticaNeueCyr-Thin.fe32f184.woff 14.93 KiB
public/build/assets/HelveticaNeueCyr-Medium.509998aa.ttf 23.83 KiB
public/build/assets/HelveticaNeueCyr-Heavy.c0f0de30.ttf 23.36 KiB
public/build/assets/HelveticaNeueCyr-HeavyItalic.1584a0cf.ttf 25.32 KiB
public/build/assets/HelveticaNeueCyr-Black.392948d5.ttf 24.19 KiB
public/build/assets/HelveticaNeueCyr-UltraLightItalic.5662a70e.ttf 26.19 KiB
public/build/assets/HelveticaNeueCyr-BlackItalic.6084419b.ttf 25.86 KiB
public/build/assets/HelveticaNeueCyr-ThinItalic.789a4a64.ttf 26.34 KiB
public/build/assets/HelveticaNeueCyr-MediumItalic.85ebb485.ttf 25.79 KiB
public/build/assets/HelveticaNeueCyr-LightItalic.c05e0935.ttf 26.48 KiB
public/build/assets/HelveticaNeueCyr-UltraLight.a417a14c.ttf 24.43 KiB
public/build/assets/HelveticaNeueCyr-BoldItalic.d49a9a4f.ttf 25.08 KiB
public/build/assets/HelveticaNeueCyr-Italic.e97a02d2.ttf 25.44 KiB
public/build/assets/HelveticaNeueCyr-Roman.09a98c9d.ttf 24.06 KiB
public/build/assets/HelveticaNeueCyr-Bold.11f4b7c7.ttf 23.41 KiB
public/build/assets/HelveticaNeueCyr-Light.b4c41cf2.ttf 24.37 KiB
public/build/assets/HelveticaNeueCyr-Thin.fa380617.ttf 24.56 KiB
public/build/manifest.json 9.19 KiB
public/build/assets/app.f7cd5ad8.css 195.84 KiB / gzip: 27.64 KiB
public/build/assets/app.024077bb.js 170.97 KiB / gzip: 57.24 KiB
Level 1
@Sinnbeck Can there be more ideas?
Level 102
@AT03 Weird. Works as expected here. I used this file to test with: https://commons.wikimedia.org/wiki/File:PNG_Test.png
Level 1
@Sinnbeck realy public/build/assets/PNG_Test.2228ab46.png 7193.02 KiB
mb maybe something with my pictures..
Level 102
@AT03 Yeah could be. Any chance you can share one for testing?
Level 1
@Sinnbeck https://imgur.com/a/QngvJ6n
converted the picture to webp, doesn’t want to either, now I’ll try something else in Photoshop
Level 1
@Sinnbeck I noticed that on my pictures there is color indexing, I changed it to RGB and it all worked!
public/build/assets/android-chrome-192x192.b428a756.png 4.38 KiB
Level 102
@AT03 Ah interesting. I wonder if this is a bug in vite, or it just assumes it isnt an image for web :)
Level 1
@Sinnbeck no idea. now i have to manually resave more than 30 images
Level 102
@AT03 Well I dont think I can do any further as the problem has been found. It is up to you if you want to report it as an issue on the vite github repo :)
Please or to participate in this conversation.