مشكلة أثناء تثبيت الحزم بسبب التعارض npm error

مرحبا أمل العماد
يوجد بعض التعارض خاص بحزمة الvite مع حزمة @vitejs/plugin-vue بسبب توافق الإصدارات مع بعضها البعض. حيث الحزمة @vitejs/plugin-vue@5.0.4 تتطلب نسخة أحدث من vite وهى النسخة vite@5.0.0 
تستطيع حل المشكلة بتثبيت نسخة أحدث من vite كالأتى

npm i vite@5.0.0

ثم 

npm i

اذا لم تحل المشكلة يرجى اتباع هذه الخطوات

• نقوم بحذف ملف package-lock.json وملف node_modules
• حذف ملفات التخزين المؤقت من خلال الأمر

npm cache clean --force

• ننفذ أمر التثبيت 

npm i

• اذا لم تحل المشكلة نجبره على التثبيت ولكن فى هذه الحالة ربما تنتج مشاكل بسب تعارض الحزم.

  npm i --force

  أو تجاهل تعارض الحزم عن طريق هذا الأمر

  npm i --legacy-peer-deps

بالتوفيق..

أهلاً,  تظهر المشكلة التالية:

المشكلة تحديدا هي في تكوين ملف manifest.json من طرف vite نفسه.

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

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

ثم npm run dev
للمزيد لحل هذا المشكلة انظر لهذه الإجابة

لا فائدة, هل يمكنك تجربة تشغيل المشروع حتى تعلم ان المشكلة في npm لا تعمل

هذا هو المشروع (https://github.com/John-Weeks-Dev/instagram-clone)

بتاريخ 1 ساعة قال امل العماد:

لا فائدة, هل يمكنك تجربة تشغيل المشروع حتى تعلم ان المشكلة في npm لا تعمل

هذا هو المشروع (https://github.com/John-Weeks-Dev/instagram-clone)

عليك حذف مجلد node_modules ثم تثبيت الحزم بنفس الإصدارات التي تم تطوير المشروع بها لكي لا يحدث تعارض وذلك من خلال الأمر:

npm ci

حيث يتم الإعتماد على ملف package-lock.json من خلال ذلك الأمر، وسيتم التثبيت بدون مشكلة.

بعد ذلك عليك تثبيت الحزم الأخرى بواسطة composer من خلال الأمر:

composer install

ثم تعديل اسم ملف .env.example إلى .env ثم تنفيذ الأمر التالي:

php artisan key:generate

ثم تنفيذ أمر

npm run dev

ثم إنشاء قاعدة بيانات باسم instagram_clone كما في ملف  .env ثم تنفيذ أمر التهجير:

php artisan migrate:fresh --seed

ثم تشغيل المشروع