رياض عثمان نشر 10 فبراير أرسل تقرير نشر 10 فبراير السلام عليكم انا بحثت كتير عن حل هذه المشكله ولاكن ما وجدتها ولا عرف سببها فحتى انا وقت بنشء مشروع من الصفر بتظهر ممكن مساعدة وسوف ارفق الاصدارات التي استخدمها package.json 2 اقتباس
0 Mustafa Mahmoud7 نشر 10 فبراير أرسل تقرير نشر 10 فبراير ستجد أسفل فيديو الدرس في نهاية الصفحة صندوق تعليقات كما هنا، أرجو طرح الأسئلة أسفل الدرس وليس هنا في قسم أسئلة البرمجة حيث نطرح الأسئلة العامة الغير متعلقة بمحتوى الدورة أو الدرس، وذلك لمساعدتك بشكل أفضل. إذا كان هذا السؤال غير متعلق بمحتوى أحد الدورات يرجى ذكر لك. اقتباس
0 محمد عاطف17 نشر 10 فبراير أرسل تقرير نشر 10 فبراير ستجد أسفل فيديو الدرس صندوق للتعليقات كما هنا يرجى طرح سؤالك أسفل الدرس وليس هنا حيث هنا قسم الأسئلة العامة ولا نقوم بإجابة الأسئلة الخاصة بمحتوى الدورة أو الدرس، وذلك لمعرفة الدرس الذي توجد به مشكلتك و لمساعدتك بشكل أفضل. إذا لم يكن هذا سؤال متعلق بالدورة يرجى إخبارنا . اقتباس
0 رياض عثمان نشر 10 فبراير الكاتب أرسل تقرير نشر 10 فبراير بتاريخ 1 دقيقة مضت قال محمد عاطف17: إذا لم يكن هذا سؤال متعلق بالدورة يرجى إخبارنا . نعم هذا السؤال غير متعلق بمشروع الدورة فهو مشروع جانبي لي 2 اقتباس
0 محمد عاطف17 نشر 10 فبراير أرسل تقرير نشر 10 فبراير بتاريخ 10 دقائق مضت قال رياض عثمان: نعم هذا السؤال غير متعلق بمشروع الدورة فهو مشروع جانبي لي هذه المشكلة ليست بسبب الإصدارات. سبب المشكلة (Hydration Error) في Next.js يحدث عندما لاتتطابق هيكل الصفحة HTML الذي قام بإعادته الخادم مع HTML الذي يظهر لدى العميل (المتصفح). ستجد في نهاية رسالة الخطأ الخصائص التالية data-new-gr-c-s-check-loaded و data-gr-ext-installed وهي التي تسبب تلك المشكلة. وهذه الخصائص عادة ما يتم إستخدامها بسبب إضافة Grammarly . هل تستخدم تلك الإضافة في المتصفح ؟ إذا كنت تستخدمها حاول تعطيلها وستجد أن المشكلة قد تم حلها. حيث تلك الإضافة تضيف أجزاء و خصائص لعناصر ال html مما تسبب مشكلة في عدم تطابق ال HTML الذي تم إعادته من الخادم. اقتباس
0 رياض عثمان نشر 10 فبراير الكاتب أرسل تقرير نشر 10 فبراير شكرا كتير كتير انحلت الحمد لله بتاريخ 4 دقائق مضت قال محمد عاطف17: هذه المشكلة ليست بسبب الإصدارات. سبب المشكلة (Hydration Error) في Next.js يحدث عندما لاتتطابق هيكل الصفحة HTML الذي قام بإعادته الخادم مع HTML الذي يظهر لدى العميل (المتصفح). ستجد في نهاية رسالة الخطأ الخصائص التالية data-new-gr-c-s-check-loaded و data-gr-ext-installed وهي التي تسبب تلك المشكلة. وهذه الخصائص عادة ما يتم إستخدامها بسبب إضافة Grammarly . هل تستخدم تلك الإضافة في المتصفح ؟ إذا كنت تستخدمها حاول تعطيلها وستجد أن المشكلة قد تم حلها. حيث تلك الإضافة تضيف أجزاء و خصائص لعناصر ال html مما تسبب مشكلة في عدم تطابق ال HTML الذي تم إعادته من الخادم. 1 اقتباس
0 Mustafa Mahmoud7 نشر 10 فبراير أرسل تقرير نشر 10 فبراير بتاريخ 27 دقائق مضت قال رياض عثمان: نعم هذا السؤال غير متعلق بمشروع الدورة فهو مشروع جانبي لي تحدث Hydration errors عندما لا يتطابق الـ HTML الذي يتم توليده على السيرفر مع الـ HTML الذي يتم عرضه على جانب العميل مما يؤدي إلى أن React يقوم بإعادة تهيئة الـ DOM على جانب العميل غير متطابق مع جانب السيرفر وهذا الخطأ يمكن أن يكون ناتجًا عن عدة أسباب استخدام <div> داخل <p>: حيث أن الـ <p> هو عنصر مخصص للنصوص والفقرات ولا ينبغي أن يحتوي على عناصر أخرى مثل <div>, مما قد يؤدي إلى حدوث خلل في التوافق بين الـ HTML الذي تم توليده على السيرفر والـ HTML الذي يتم عرضه على العميل. تغيرات في البيانات بين السيرفر والعميل (مثل استخدام Date.now() أو Math.random()) التي تعطي نتائج مختلفة في كل مرة، مما يسبب اختلافات بين الـ HTML الذي يولده السيرفر والـ HTML الذي يعرضه العميل. وجود إضافات للمتصفح تؤثر على الـ HTML قبل تحميل React مثل إضافات Grammarly لذلك يرجى تعطيل الإضافات والتجربة. اقتباس
السؤال
رياض عثمان
السلام عليكم انا بحثت كتير عن حل هذه المشكله ولاكن ما وجدتها ولا عرف سببها فحتى انا وقت بنشء مشروع من الصفر بتظهر ممكن مساعدة وسوف ارفق الاصدارات التي استخدمها
package.json
6 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.