اذهب إلى المحتوى
  • 0

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

محمد لارافيل

السؤال

أقوم بتطوير تطبيق 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"
  },

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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

وفقًا لتوثيق 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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...