لا يمكن لـ Vite العثور على بيانات الصورة بعد البناء في Laravel

محمد لارافيل · 8 مايو 2023

أقوم بتطوير تطبيق Laravel 9 ، يستخدم التطبيق بعض الصور المخزنة في مجلد resources/images في ملفات Blade الخاصة بي ، أقوم بتضمين صور مثل

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

كل شيء يعمل بشكل جيد في وضع التطوير، ولكن عندما أقوم بتشغيل الأمر build وتشغيل التطبيق باستخدام php artisan serve ، أحصل على الخطأ التالي:

Unable to locate file in Vite manifest: /resources/images/logo.png.

محتويات الملف vite.config.js

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

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

package.json

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "autoprefixer": "^10.4.13",
        "axios": "^1.1.2",
        "laravel-vite-plugin": "^0.7.2",
        "lodash": "^4.17.19",
        "postcss": "^8.4.21",
        "tailwindcss": "^3.2.4",
        "vite": "^4.0.0"
    },
    "dependencies": {
        "alpinejs": "^3.12.0",
        "flowbite": "^1.6.4",
        "xlsx": "^0.18.5"
    }
}

لقد تحققت من ملف manifest.json الذي تم إنشاؤه بعد الأمر build، ويمكن العثور على الصورة فيه ، لذلك لا أفهم سبب ظهور الخطأ لي:

 "resources/images/logo.png": {
    "file": "assets/logo-4ed993c7.js",
    "isEntry": true,
    "src": "resources/images/logo.png"
  },

هل يمكنكم المساعدة؟

محمد طاهر5 · 3 أغسطس 2023

وفقًا لتوثيق Laravel يجب عليك أن تضيف هذه الأسطر إلى resources/js/app.js، على فرض أنك تستخدم هذه المجلدات:

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

الآن سيعالج Vite هذه الأصول الموجودة في هذه المجلدات عند تنفيذ الأمر npm run build، وستكون قادراً على استخدام Vite::asset للإشارة إلى الملفات الموجودة في هذه المجلدات داخل ملفات Blade.

راجع الفقرة الخاصة بهذا الموضوع في التوثيق:

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