مشكلة في استيراد البيانات من قاعدة mongo atlas لمشروع next.js

هل قمت برفع الملفات بعد تنفيذ امر build ام قمت بتنفيذ امر build على السيرفر ؟

حيث ان الخطأ 404 يعنى ان هذه الملفات ليست موجودة على السيرفر فتاكد من ان هذا المسار موجود لديك والملفات موجودة ايضا واذا لم تكن كذلك فقم برفع الملفات مرة اخرى .

حيث ان هذه هى static اى ثابته لا تتغير فان السيرفر عند عمل build يقوم بجلب البيانات من ال apis و انشاء صفحات ثابته فحتى لو تم تغير البيانات فى قاعدة البيانات فان الملفات لن تتغير الا حينما يتم تنفيذ امر build من جديد

بتاريخ 15 ساعة قال محمد_عاطف:

هل قمت برفع الملفات بعد تنفيذ امر build ام قمت بتنفيذ امر build على السيرفر ؟

حيث ان الخطأ 404 يعنى ان هذه الملفات ليست موجودة على السيرفر فتاكد من ان هذا المسار موجود لديك والملفات موجودة ايضا واذا لم تكن كذلك فقم برفع الملفات مرة اخرى .

حيث ان هذه هى static اى ثابته لا تتغير فان السيرفر عند عمل build يقوم بجلب البيانات من ال apis و انشاء صفحات ثابته فحتى لو تم تغير البيانات فى قاعدة البيانات فان الملفات لن تتغير الا حينما يتم تنفيذ امر build من جديد

قمت برفع الملفات عالسيرفر ثم قمت  بعمل build على السيرفر 

بتاريخ 29 دقائق مضت قال Ahmed Zehry:

قمت برفع الملفات عالسيرفر ثم قمت  بعمل build على السيرفر 

قمت برفع الملفات عالسيرفر ثم قمت  بعمل build على السيرفر 

حاول حذف

 assetPrefix: "." 

من ملف next.config.js، وذلك لكي يتم استخدام مسار للـ assets بناءًا على الصفحة الحالية التي أنت بها.

أضف التالي أيضًا لنفس الملف لإضافة ID فريد عشوائي لكل Build:

  distDir: "_next",
  generateBuildId: async () => {
    if (process.env.BUILD_ID) {
      return process.env.BUILD_ID;
    } else {
      return `${new Date().getTime()}`;
    }
  },

إن استمرت المشكلة حاول حذف مجلد .next ثم node_modules ثم تنفيذ أمر البناء npm run build مجددًا.

بتاريخ 3 دقائق مضت قال Mustafa Suleiman:

حاول حذف

 assetPrefix: "." 

من ملف next.config.js، وذلك لكي يتم استخدام مسار للـ assets بناءًا على الصفحة الحالية التي أنت بها.

 

لم اجد  هذا الكود في  next.config.js

بتاريخ منذ ساعة مضت قال Ahmed Zehry:

لم اجد  هذا الكود في  next.config.js

هل قمت بالتالي؟

أضف التالي أيضًا لنفس الملف لإضافة ID فريد عشوائي لكل Build:

  distDir: "_next",
  generateBuildId: async () => {
    if (process.env.BUILD_ID) {
      return process.env.BUILD_ID;
    } else {
      return `${new Date().getTime()}`;
    }
  },

إن استمرت المشكلة حاول حذف مجلد .next ثم node_modules ثم تنفيذ أمر البناء npm run build مجددًا.

@Ahmed Zehry

في حال تستخدم pm2 أرجو إعادة تشغيله من خلال:

pm2 restart app

حيث app هو اسم التطبيق لديك أرجو تغييره بما لديك.

بتاريخ 3 ساعة قال Ahmed Zehry:

قمت برفع الملفات عالسيرفر ثم قمت  بعمل build على السيرفر 

لقد لاحظت فى الاكواد انك تقوم بعمل fetch للبيانات من سيرفر localhost فى جميع الصفحات عدى صفحة ال packages وايضا اذا كنت رفعت الخادم على نفس الاستضافه ونفس مكان مشروع next.js فمن الممكن ان يكون هذا السبب فمن فضلك قم بتغير اجزاء ال fetch فى الكود لتقوم بارجاع البيانات من الخادم وليس localhost وثم قم بحذف مجلدات .next و node_modules وقم بتشغيل امر ال build ثم اعادة تشغيل السيرفر .