3 طرق لإصلاح الخطأ لا يمكن حل خطأ رد فعل جهاز التوجيه دوم

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

لكنها يمكن أن تتعطل في بعض الأحيان وتعرض الرسالة الوحدة غير موجودة: لا يمكن حل رد فعل جهاز التوجيه dom وقد لا يكون لديك أي فكرة عن كيفية إصلاحها.

سنساعدك اليوم في إصلاح أحد أكثر الأخطاء شيوعًا في جهاز توجيه React. واصل القراة حتى تفهم!

ما هو جهاز التوجيه React Dom؟

React Router عبارة عن مكتبة توجيه متكاملة من جانب العميل إلى جانب الخادم لـ React. يستخدم React Router Dom التوجيه الديناميكي في تطبيق الويب الذي يساعد المستخدمين على التنقل بكفاءة.

يستخدم المطورون الذين يصممون تطبيقات الويب React على React Router Dom للبناء تطبيقات صفحة واحدة على الويب. أي أن تطبيق الويب الذي يحتوي على العديد من الصفحات أو المكونات لا يتم تحديثه أبدًا ؛ بدلاً من ذلك ، يتم جلب المحتوى ديناميكيًا.

يوفر جهاز التوجيه التفاعلي تجربة مستخدم أفضل لأنه سريع للغاية عند مقارنته بالتنقل التقليدي في الصفحة ، كما أنه يوفر أداءً أفضل للتطبيق بشكل عام.

الآن بعد أن عرفت ما هو التوجيه ولماذا يستخدم المبرمجون React Router Dom ، لا يزال هناك شيء واحد يجب أن تعرفه. هناك ثلاثة أنواع من أجهزة التوجيه ، وكل منها يخدم غرضه.

الفرق بين React Router VS React Dom VS React Native

إذا كنت مطور React ، فلديك ثلاث مكتبات للاختيار من بينها. الثلاثة جميعهم متطابقون تقريبًا ، لكن لديهم حالات الاستخدام الخاصة بهم. سنراجع كل واحد منهم حتى تتمكن من فهم اختلافاتهم.

• رد فعل جهاز التوجيه - يشمل جميع المكونات والميزات المخصصة من مكتبات رد فعل جهاز التوجيه الأصلي وتفاعل جهاز التوجيه دوم
• رد فعل جهاز التوجيه دوم - تستخدم بشكل أساسي لتطبيقات الويب المبنية باستخدام React
• رد فعل جهاز التوجيه الأصلي - مُصمم لإطار عمل React Native المُستخدم لإنشاء تطبيقات الهاتف المحمول باستخدام React

ماذا يمكنني أن أفعل إذا رأيت رسالة خطأ وحدة نمطية غير موجودة؟

1. تثبيت التبعيات بشكل صحيح

1. تثبيت التبعيات بشكل صحيح.
2. تحقق مما إذا كنت قد كتبت بشكل صحيح رد فعل جهاز التوجيه دوم أو إذا كتبت رد فعل دوم أو رد فعل دوم? لأن الأخيرين غير صحيحين.
3. إذا لم يتم تثبيت التبعيات بشكل صحيح ، فاستخدم الأمر response-router-dom لتثبيت التبعيات.
4. إذا كان الخطأ الوحدة غير موجودة: لا يمكن حل رد فعل جهاز التوجيه dom يستمر حتى بعد تثبيت التبعية الصحيحة ، ثم جرب الأوامر التالية: npm تثبيت رد فعل جهاز التوجيه dom - حفظ أو تثبيت npm -S React-router-dom

باستخدام الأوامر المذكورة أعلاه في وحدة التحكم ، يمكنك إضافة تبعية dev على ملف package.json الخاص بك. يتيح لك هذا حل الخطأ وتثبيت التبعية في نفس الوقت على أجهزة الكمبيوتر الأخرى التي تظهر الوحدة غير موجودة: لا يمكن حل رد فعل جهاز التوجيه dom

2. قم بتحديث NPM إلى الإصدار 5

1. قم بتحديث NPM إلى الإصدار 5.
2. لتحديث NPM إلى الإصدار 5 ، استخدم الأمر تحديث npm -g
3. قم بالتأكيد الآن إذا كنت لا تزال تواجه الخطأ الوحدة غير موجودة: لا يمكن حل رد فعل جهاز التوجيه dom.

قبل الإصدار 5 ، قام NPM افتراضيًا بتثبيت حزمة ضمن node_modules.

إذا كنت تحاول تثبيت التبعيات للوحدة / التطبيق الخاص بك ، فسيتعين عليك تثبيته ثم إضافته إلى قسم التبعيات يدويًا إلى package.json الخاص بك. من خلال التحديث إلى الإصدار 5 ، يمكنك أيضًا حل مشكلات مثل لا يمكن حل Axios.

3. تحقق مما إذا كان لديك التبعيات الصحيحة مثبتة

1. تحقق مما إذا كان لديك التبعيات الصحيحة المثبتة في كود VS. اضغط مع الاستمرار على زر Ctrl وانقر بزر الماوس الأيسر على ملف رد فعل جهاز التوجيه دوم كلمة.
2. بعد النقر ، يجب إعادة توجيهك إلى ملف node_modules الأصلي الخاص بالتبعية. إذا لم تتم إعادة توجيهك ، فثبته مرة أخرى.
3. يمكنك تثبيته باستخدام الأمر npm تثبيت رد فعل جهاز التوجيه dom - حفظ أو تثبيت npm -S React-router-dom

ال لا يمكن حلها في React Router عادةً ما يكون بسبب التثبيت غير الصحيح. وعادة ما يكون هذا شائعًا عندما لا يكون لديك التبعيات الصحيحة المثبتة على التطبيق الذي تحاول استخدامه.

يساعد React Router في إنشاء تطبيقات الويب عن طريق الحفاظ على مزامنة واجهة المستخدم وعنوان URL للتطبيق الخاص بك. هذه التطبيقات أسهل في النشر والتشغيل بكفاءة وتحسين تجربة المستخدم بشكل ملحوظ.

ولكن مثل معظم الأشياء ، يمكن أن يتعطل جهاز React Router أحيانًا أو يعرض رمز خطأ ، ويمكنك إصلاحه بمساعدة مناسبة.

نأمل أن نساعدك في حل الخطأ ونود أن نسمع منك بخصوص الأمر نفسه في التعليقات أدناه!