Vite manifest not found at: C:\laragon\www\my-project-name\public\/build/manifest.json عند الدخول الى موقع لارافل بعد تتبيثه

قمت باعداد بيئة اختبارية مناسبة، أظن ان المشكلة تحديدا هي في تكوين ملف manifest.json من طرف vite نفسه.

لجبر توليد هذا الملف في وضع البناء يوجد الخيار build.manifest ضمن كائن اعداد vite في ملف vite.config.js، تعريفه سيحل كامل المشكلة:

export default defineConfig({
    build: {
        // generate manifest.json in outDir
        manifest: true,
    },
    ..

ثم بالطبع اعادة بناء الاصول عن طريق npm run dev. 

قد تواجه مشكلة تخبرك ان vite غير معرف ضمن المشروع، يمكنك تثبيته هو الآخر عن طريق 

npm install vite --save-dev

نفس الامر بالنسبة للوحدة laravel-vite-plugin

npm install laravel-vite-plugin --save-dev

ثم npm run dev مجددا. ابق خادم npm مشغلا وشغل php artisan serve وسيعمل معك المشروع بشكل طبيعي.

أظن ان هاته التعارضات هي بسبب كون النسخة المستعملة من لارافيل نسخة انتقالية فقط، لم يتم فيها اعداد vite بشكل نهائي ولذلك فانه من الطبيعي ان تحدث مثل هاته المشاكل.

ان كان لا بد من العمل على هاته النسخة، قم بتعريف امر جديد npm run build موافق لـ vite build في ملف package.json لاخراج ملفات الاصول لاحقا

"scripts": {
        "build":"vite build",
        "dev": "vite",
        ..

اعد تشغيل npm run build وستجد انه يتم توليد الملف المشار اليه بشكل عادي. (لاحظ مجلد build الذي ظهر داخل public). قم بتعديل هذا السطر من ملف manifest.json يدويا:

"resources/css\\app.css": 

ليصبح:

"resources/css/app.css": 

(لاحظ ان هاته الخطوة ضرورية لتجنب مشكلة عدم التعرف على app.css بعد البناء عن طريق npm run build) ثم قم بتحديث الصفحة.

سيظهر تطبيقك بشكل عادي، يمكن العمل عليه على التطوير والانتاج على حد سواء

اخبرني ما ان لم يحل هذا المشكلة لديك.

بتاريخ On 27/07/2022 at 23:20 قال Brahim Semmani:

السلام عليكم, 

طبقت جميع ماذكرت وعند تنفيد الأمر npm run build يظهر الخطأ التالي :

شكرا لك

نفذ الأمر 

npm install @types/node --save-dev

سيتم تثبيت كامل ملحقات Node. التي Node:path هو من بينها.

ما هي نسخة node التي تستعملها؟

ملف manifest.json المشار اليه هو ملف يصف طريقة عمل vite في وضع manifest وهو وضع يسمح للتطبيق أن يظل متاحا حتى في حالات لا يتم فيها تشغيل بيئة التطوير. يحتمل ان هنالك مشكلة بتكوينه.

جرب اعادة تثبيت اعتماديات Node وتحزيم ملفات الاصول عن طريق الامرين:

npm install 
npm run dev

بتاريخ 8 ساعات قال Adnane Kadri:

ما هي نسخة node التي تستعملها؟

ملف manifest.json المشار اليه هو ملف يصف طريقة عمل vite في وضع manifest وهو وضع يسمح للتطبيق أن يظل متاحا حتى في حالات لا يتم فيها تشغيل بيئة التطوير. يحتمل ان هنالك مشكلة بتكوينه.

جرب اعادة تثبيت اعتماديات Node وتحزيم ملفات الاصول عن طريق الامرين:

npm install 
npm run dev

للأسف فعلت هذين الأمرين أخي عدنان من قبل وأعدتهم الآن, لابد وانها مشكلة أخرى, أرفقت لك مجلد المشروع إطلع عليه لو سمحت.

بتاريخ 14 دقائق مضت قال Brahim Semmani:

للأسف فعلت هذين الأمرين أخي عدنان من قبل وأعدتهم الآن, لابد وانها مشكلة أخرى, أرفقت لك مجلد المشروع إطلع عليه لو سمحت.

لا امتلك بيئة مناسبة يمكن من عليها اختبار المشروع.

ان كان لا يوجد اي مشكلة بتكوين ملفات الاصول فيمكنك تضمينها مباشرة كروابط عادية:

<script src="{{ asset('js/app.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">

في ملفات ال layouts بدل:

@vite(['resources/css/app.css', 'resources/js/app.js'])

في ملفي app.blade.php و guest.blade.php 

يقصد بـ vite manifest عن تعليمة القالب vite@ ايضا. انت في الارجح لن تحتاجه ان كانت هناك مشكلة بتكوينه.

بتاريخ 8 ساعات قال Adnane Kadri:

لا امتلك بيئة مناسبة يمكن من عليها اختبار المشروع.

ان كان لا يوجد اي مشكلة بتكوين ملفات الاصول فيمكنك تضمينها مباشرة كروابط عادية:

<script src="{{ asset('js/app.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">

في ملفات ال layouts بدل:

@vite(['resources/css/app.css', 'resources/js/app.js'])

في ملفي app.blade.php و guest.blade.php 

يقصد بـ vite manifest عن تعليمة القالب vite@ ايضا. انت في الارجح لن تحتاجه ان كانت هناك مشكلة بتكوينه.

هي مضمنة بالفعل لا ادري ما المشكلة 

بتاريخ الآن قال Brahim Semmani:

هي مضمنة بالفعل لا ادري ما المشكلة 

هل لا تزال المشكلة تظهر رغم تضمين الملفات يدويا؟

بتاريخ 4 دقائق مضت قال Adnane Kadri:

ان كان لا يوجد اي مشكلة بتكوين ملفات الاصول فيمكنك تضمينها مباشرة كروابط عادية:

<script src="{{ asset('js/app.js') }}"></script>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">

في ملفات ال layouts بدل:

@vite(['resources/css/app.css', 'resources/js/app.js'])

في ملفي app.blade.php و guest.blade.php

نعم, 

شوف خويا عدنان 

    "scripts": {
        "dev": "npm run development",
        "development": "mix",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    },

ضمنت يدويا في app 

      <script src="{{ asset('js/app.js') }}"></script>
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">

نفس المشكلة 

الصفحة guest تظهر عادي

http://localhost:8000/login

بتاريخ 8 ساعات قال Adnane Kadri:

قمت باعداد بيئة اختبارية مناسبة، أظن ان المشكلة تحديدا هي في تكوين ملف manifest.json من طرف vite نفسه.

لجبر توليد هذا الملف في وضع البناء يوجد الخيار build.manifest ضمن كائن اعداد vite في ملف vite.config.js، تعريفه سيحل كامل المشكلة:

export default defineConfig({
    build: {
        // generate manifest.json in outDir
        manifest: true,
    },
    ..

ثم بالطبع اعادة بناء اعتماديات npm عن طريق npm run dev. 

قد تواجه مشكلة تخبرك ان vite غير معرف ضمن المشروع، يمكنك تثبيته هو الآخر عن طريق 

npm install vite --save-dev

نفس الامر بالنسبة للوحدة laravel-vite-plugin

npm install laravel-vite-plugin --save-dev

ثم npm run dev مجددا. ابق خادم npm مشغلا وشغل php artisan serve وسيعمل معك المشروع بشكل طبيعي.

أظن ان هاته التعارضات هي بسبب كون النسخة المستعملة من لارافيل نسخة انتقالية فقط، لم يتم فيها اعداد vite بشكل نهائي ولذلك فانه من الطبيعي ان تحدث مثل هاته المشاكل.

ان كان لا بد من العمل على هاته النسخة، قم بتعريف امر جديد npm run build موافق لـ vite build في ملف package.json لاخراج ملفات الاصول لاحقا

"scripts": {
        "build":"vite build",
        "dev": "vite",
        ..

اعد تشغيل npm run build وستجد انه يتم توليد الملف المشار اليه بشكل عادي. (لاحظ مجلد build الذي ظهر داخل public). قم بتعديل هذا السطر من ملف manifest.json يدويا:

"resources/css\\app.css": 

ليصبح:

"resources/css/app.css": 

(لاحظ ان هاته الخطوة ضرورية لتجنب مشكلة عدم التعرف على app.css بعد البناء عن طريق npm run build) ثم قم بتحديث الصفحة.

سيظهر تطبيقك بشكل عادي، يمكن العمل عليه على التطوير والانتاج على حد سواء

اخبرني ما ان لم يحل هذا المشكلة لديك.

السلام عليكم, 

طبقت جميع ماذكرت وعند تنفيد الأمر npm run build يظهر الخطأ التالي :

شكرا لك

السلام عليكم,

سبب المشكلة تعارضات في إصدار لارافل مثل ماقلت اخي عدنان, لهذا قمت بإلغاء التضمين للاصول عن طريق vite و ضمنتها كالتالي :

        <script src="{{ asset('js/app.js') }}"></script>
        <link rel="stylesheet" href="{{ asset('css/app.css') }}">

قبل ذلك لم ازل سطر التضمين عن طريق vit لهذا لم تحل المشكلة, شكرا