3 τρόποι για να διορθώσετε το σφάλμα Δεν είναι δυνατή η επίλυση του σφάλματος react-router-dom

Εάν είστε React προγραμματιστής που κατασκευάζει ιστό εφαρμογές, θα χρειαστείτε έναν αποκλειστικό δρομολογητή για να βοηθήσετε τους χρήστες σας να πλοηγηθούν σε αυτούς.

Αλλά μερικές φορές μπορεί να κολλήσει και να εμφανίσει το μήνυμα Η μονάδα δεν βρέθηκε: δεν είναι δυνατή η επίλυση του react-router-dom και μπορεί να μην έχετε ιδέα για το πώς να το διορθώσετε.

Σήμερα θα σας βοηθήσουμε να διορθώσετε ένα από τα πιο συνηθισμένα σφάλματα του δρομολογητή React. Συνεχίστε να διαβάζετε για να μάθετε!

Τι είναι το React Router Dom;

Το React Router είναι μια πλήρης βιβλιοθήκη δρομολόγησης από την πλευρά του πελάτη προς τον διακομιστή για το React. Το React Router Dom χρησιμοποιεί δυναμική δρομολόγηση σε μια εφαρμογή Ιστού που βοηθά τους χρήστες να πλοηγούνται αποτελεσματικά.

Οι προγραμματιστές που δημιουργούν εφαρμογές Ιστού React χρησιμοποιούν το React Router Dom για τη δημιουργία μονοσέλιδες εφαρμογές στο δίκτυο. Δηλαδή, μια διαδικτυακή εφαρμογή με πολλές σελίδες ή στοιχεία δεν ανανεώνεται ποτέ. Αντίθετα, το περιεχόμενο λαμβάνεται δυναμικά.

Ο δρομολογητής react προσφέρει καλύτερη εμπειρία χρήστη, καθώς είναι εξαιρετικά γρήγορος σε σύγκριση με την παραδοσιακή πλοήγηση στη σελίδα και προσφέρει επίσης καλύτερη απόδοση εφαρμογών συνολικά.

Τώρα που ξέρετε τι είναι η δρομολόγηση και γιατί οι προγραμματιστές χρησιμοποιούν το React Router Dom, υπάρχει ακόμα ένα πράγμα που πρέπει να γνωρίζετε. Υπάρχουν τρεις τύποι δρομολογητών React και ο καθένας εξυπηρετεί το σκοπό του.

Διαφορά μεταξύ React Router VS React Dom VS React Native

Εάν είστε προγραμματιστής του React, έχετε τρεις βιβλιοθήκες για να διαλέξετε. Και τα τρία είναι σχεδόν πανομοιότυπα, αλλά έχουν τις περιπτώσεις χρήσης τους. Θα εξετάσουμε κάθε ένα από αυτά για να κατανοήσετε τις διαφορές τους.

• React-router – περιλαμβάνει όλα τα προσαρμοσμένα στοιχεία και δυνατότητες από τις βιβλιοθήκες react-router-native και react-router-dom
• React-router-dom – χρησιμοποιείται κυρίως για εφαρμογές web που έχουν δημιουργηθεί με React
• React-router-native – κατασκευασμένο για το πλαίσιο React Native που χρησιμοποιείται για τη δημιουργία εφαρμογών για κινητές συσκευές χρησιμοποιώντας το React

Τι μπορώ να κάνω εάν το μήνυμα δεν βρέθηκε η ενότητα σφάλματος;

1. Εγκαταστήστε σωστά τις εξαρτήσεις

1. Εγκαταστήστε σωστά τις εξαρτήσεις.
2. Ελέγξτε αν πληκτρολογήσατε σωστά react-router-dom ή αν πληκτρολογήσατε react-dom ή αντιδρούν dom? γιατί τα δύο τελευταία είναι λανθασμένα.
3. Εάν οι εξαρτήσεις δεν έχουν εγκατασταθεί σωστά, χρησιμοποιήστε την εντολή react-router-dom για να εγκαταστήσετε τις εξαρτήσεις.
4. Εάν το σφάλμα Η ενότητα δεν βρέθηκε: δεν είναι δυνατή η επίλυση του react-router-dom επιμένει ακόμη και μετά την εγκατάσταση της σωστής εξάρτησης, δοκιμάστε τις ακόλουθες εντολές: npm εγκατάσταση react-router-dom --save ή npm εγκατάσταση -S react-router-dom

Χρησιμοποιώντας τις εντολές που αναφέρονται παραπάνω στην κονσόλα, προσθέτετε μια εξάρτηση dev στο αρχείο package.json. Αυτό σας επιτρέπει να επιλύσετε το σφάλμα και να εγκαταστήσετε ταυτόχρονα την εξάρτηση σε άλλους υπολογιστές που εμφανίζονται Η μονάδα δεν βρέθηκε: δεν είναι δυνατή η επίλυση του react-router-dom

2. Ενημερώστε το NPM στην έκδοση 5

1. Ενημερώστε το NPM στην έκδοση 5.
2. Για να ενημερώσετε το NPM στην έκδοση 5, χρησιμοποιήστε την εντολή npm ενημέρωση -ζ
3. Επιβεβαιώστε τώρα εάν εξακολουθείτε να αντιμετωπίζετε το σφάλμα Η μονάδα δεν βρέθηκε: δεν είναι δυνατή η επίλυση του react-router-dom.

Πριν από την έκδοση 5, το NPM εγκατέστησε από προεπιλογή ένα πακέτο κάτω από node_modules.

Εάν προσπαθείτε να εγκαταστήσετε εξαρτήσεις για την ενότητα/εφαρμογή σας, θα πρέπει να την εγκαταστήσετε και στη συνέχεια να την προσθέσετε στην ενότητα εξαρτήσεων με μη αυτόματο τρόπο στο πακέτο.json σας. Με την ενημέρωση στην έκδοση 5, μπορείτε επίσης να επιλύσετε ζητήματα όπως π.χ Δεν είναι δυνατή η επίλυση του Axios.

3. Ελέγξτε εάν έχετε εγκαταστήσει τις σωστές εξαρτήσεις

1. Ελέγξτε εάν έχετε εγκαταστήσει τις σωστές εξαρτήσεις στον κωδικό VS. Πατήστε παρατεταμένα το κουμπί Ctrl και κάντε αριστερό κλικ στο react-router-dom λέξη.
2. Αφού κάνετε κλικ, θα πρέπει να ανακατευθυνθείτε στο αρχείο προέλευσης node_modules της εξάρτησης. Εάν δεν ανακατευθυνθείτε, εγκαταστήστε το ξανά.
3. Μπορείτε να το εγκαταστήσετε χρησιμοποιώντας την εντολή npm εγκατάσταση react-router-dom --save ή npm εγκατάσταση -S react-router-dom

ο Δεν μπορεί να επιλυθεί στο React Router είναι συνήθως λόγω ακατάλληλης εγκατάστασης. Και αυτό είναι συνήθως σύνηθες όταν δεν έχετε εγκατεστημένες τις σωστές εξαρτήσεις στην εφαρμογή που προσπαθείτε να χρησιμοποιήσετε.

Το React Router βοηθά στη δημιουργία εφαρμογών ιστού διατηρώντας συγχρονισμένα τη διεπαφή χρήστη και τη διεύθυνση URL της εφαρμογής σας. Αυτές οι εφαρμογές αναπτύσσονται πολύ πιο εύκολα, εκτελούνται αποτελεσματικά και βελτιώνουν σημαντικά την εμπειρία του χρήστη.

Αλλά όπως τα περισσότερα πράγματα, ο δρομολογητής React μπορεί μερικές φορές να κολλήσει ή να εμφανίσει έναν κωδικό σφάλματος και μπορείτε να το διορθώσετε με την κατάλληλη βοήθεια.

Ελπίζουμε να σας βοηθήσαμε να επιλύσετε το σφάλμα και θα θέλαμε να ακούσουμε νέα από εσάς σχετικά με το ίδιο στα σχόλια παρακάτω!