3 דרכים לתקן את השגיאה לא ניתן לפתור את השגיאה react-router-dom

אם אתה React מְתַכנֵת מי בונה אינטרנט יישומים, תזדקק לנתב ייעודי שיעזור למשתמשים שלך לנווט דרכם.

אבל לפעמים זה יכול לקרוס ולהציג את ההודעה מודול לא נמצא: לא ניתן לפתור את react-router-dom ואולי אין לך מושג איך לתקן את זה.

היום נעזור לך לתקן את אחת השגיאות הנפוצות ביותר של הנתב React. המשך לקרוא כדי לגלות!

מהו React Router Dom?

הנתב של React הוא ספריית ניתוב מלאה מצד הלקוח לצד השרת עבור React. ה-React Router Dom משתמש בניתוב דינמי באפליקציית אינטרנט המסייעת למשתמשים לנווט ביעילות.

מפתחים שבונים אפליקציות אינטרנט של React משתמשים ב-React Router Dom כדי לבנות יישומים של עמוד אחד ברשת. כלומר, אפליקציית אינטרנט עם הרבה דפים או רכיבים אף פעם לא מתרעננת; במקום זאת, התוכן נלקח באופן דינמי.

ה-react-router מציע חווית משתמש טובה יותר מכיוון שהוא מהיר במיוחד בהשוואה לניווט עמודים מסורתי ומציע גם ביצועי אפליקציה טובים יותר באופן כללי.

עכשיו כשאתה יודע מה זה ניתוב ולמה מתכנתים משתמשים ב-React Router Dom, עדיין יש דבר אחד שאתה צריך לדעת. ישנם שלושה סוגים של נתב React, וכל אחד משרת את מטרתו.

ההבדל בין React Router VS React Dom VS React Native

אם אתה מפתח React, יש לך שלוש ספריות לבחירה. שלושתם כמעט זהים, אבל יש להם מקרי שימוש. נעבור על כל אחד מהם כדי שתוכל להבין את ההבדלים ביניהם.

• נתב תגובה - כולל את כל הרכיבים והתכונות המותאמים אישית מספריות react-router-native ו-react-router-dom
• תגובה-נתב-דום - משמש בעיקר ליישומי אינטרנט שנבנו עם React
• תגובה-נתב-יליד – נבנה עבור המסגרת של React Native המשמשת ליצירת יישומים ניידים באמצעות React

מה אני יכול לעשות אם אני רואה את הודעת מודול השגיאה לא נמצא?

1. התקן את התלות כראוי

1. התקן את התלות כראוי.
2. בדוק אם הקלדת נכון תגובה-נתב-דום או אם הקלדת react-dom אוֹ להגיב דום? כי שני האחרונים אינם נכונים.
3. אם התלות לא מותקנות כהלכה, השתמש בפקודה react-router-dom כדי להתקין את התלות.
4. אם השגיאה המודול לא נמצא: לא ניתן לפתור את react-router-dom ממשיך גם לאחר התקנת התלות הנכונה, ולאחר מכן נסה את הפקודות הבאות: npm להתקין react-router-dom --save אוֹ npm install -S react-router-dom

על ידי שימוש בפקודות המוזכרות לעיל במסוף, אתה מוסיף תלות dev בקובץ package.json שלך. זה מאפשר לך לפתור את השגיאה ובו זמנית להתקין את התלות במחשבים אחרים שמופיעים מודול לא נמצא: לא ניתן לפתור את react-router-dom

2. עדכן את ה-NPM לגרסה 5

1. עדכן את ה-NPM לגרסה 5.
2. כדי לעדכן את ה-NPM לגרסה 5, השתמש בפקודה עדכון npm -g
3. אשר כעת אם אתה עדיין מתמודד עם השגיאה מודול לא נמצא: לא ניתן לפתור את react-router-dom.

לפני גרסה 5, NPM כברירת מחדל התקינה חבילה תחת node_modules.

אם אתה מנסה להתקין תלות עבור המודול/אפליקציה שלך, תצטרך להתקין אותו ולאחר מכן להוסיף אותו לפרק התלות באופן ידני ל-package.json שלך. על ידי עדכון לגרסה 5, תוכל גם לפתור בעיות כגון לא מצליח לפתור את Axios.

3. בדוק אם התקנת התלות הנכונות

1. בדוק אם התלות הנכונות מותקנות בקוד VS. לחץ והחזק את כפתור Ctrl ולחץ שמאל על תגובה-נתב-דום מִלָה.
2. לאחר לחיצה, אתה אמור להיות מופנה לקובץ המקור node_modules של התלות. אם לא תינתן מחדש, התקן אותו שוב.
3. אתה יכול להתקין אותו באמצעות הפקודה npm להתקין react-router-dom --save אוֹ npm install -S react-router-dom

ה לא ניתן לפתור ב-React Router הוא בדרך כלל בגלל התקנה לא נכונה. וזה נפוץ בדרך כלל כאשר לא מותקנות התלות הנכונות באפליקציה שבה אתה מנסה להשתמש.

ה-React Router עוזר ליצור אפליקציות אינטרנט על ידי שמירת ממשק המשתמש וכתובת האתר של האפליקציה שלך מסונכרנים. יישומים אלו קלים הרבה יותר לפריסה, הפעלה יעילה ומשפרים משמעותית את חווית המשתמש.

אבל כמו רוב הדברים, ה-React Router יכול לפעמים לקרוס או להראות קוד שגיאה, ואתה יכול לתקן את זה בעזרת עזרה מתאימה.

אנו מקווים שעזרנו לך לפתור את השגיאה ונשמח לשמוע ממך על אותו הדבר בתגובות למטה!