3 moduri de a remedia eroarea Nu se poate rezolva react-router-dom

Dacă ești un React programator care construiește web

aplicatii, veți avea nevoie de un router dedicat pentru a vă ajuta utilizatorii să navigheze prin ele.

Dar uneori se poate bloca și afișa mesajul modulul nu a fost găsit: nu se poate rezolva react-router-dom și s-ar putea să nu aveți idee cum să o remediați.

Astăzi vă vom ajuta să remediați una dintre cele mai frecvente erori ale routerului React. Continuați să citiți pentru a afla!

Ce este un React Router Dom?

React Router este o bibliotecă de rutare completă de la partea client la partea serverului pentru React. React Router Dom folosește rutarea dinamică într-o aplicație web care ajută utilizatorii să navigheze eficient.

Dezvoltatorii care creează aplicații web React folosesc React Router Dom pentru a crea aplicații cu o singură pagină pe internet. Adică, o aplicație web cu multe pagini sau componente nu este niciodată reîmprospătată; mai degrabă, conținutul este preluat dinamic.

React-routerul oferă o experiență mai bună pentru utilizator, deoarece este extrem de rapid în comparație cu navigarea tradițională pe pagină și oferă, de asemenea, performanțe generale mai bune ale aplicației.

Acum că știți ce este rutarea și de ce programatorii folosesc React Router Dom, mai există un lucru pe care ar trebui să-l știți. Există trei tipuri de React Router și fiecare își servește scopul.

Diferența dintre React Router VS React Dom VS React Native

Dacă sunteți dezvoltator React, aveți trei biblioteci din care să alegeți. Toate trei sunt aproape identice, dar au cazurile lor de utilizare. Vom trece peste fiecare dintre ele, astfel încât să le puteți înțelege diferențele.

• React-router – include toate componentele și caracteristicile personalizate din bibliotecile react-router-native și react-router-dom
• React-router-dom – folosit în principal pentru aplicațiile web care sunt construite cu React
• React-router-nativ – construit pentru cadrul React Native care este utilizat pentru a crea aplicații mobile folosind React

Ce pot face dacă văd mesajul modulul de eroare nu a fost găsit?

1. Instalați corect dependențele

1. Instalați corect dependențele.
2. Verificați dacă ați tastat corect reacţionează-router-dom sau dacă ai tastat reac-dom sau react dom? deoarece ultimele două sunt incorecte.
3. Dacă dependențele nu sunt instalate corect, utilizați comanda react-router-dom pentru a instala dependențele.
4. Dacă eroarea modulul nu este găsit: nu se poate rezolva react-router-dom persistseven după instalarea dependenței corecte, apoi încercați următoarele comenzi: npm install react-router-dom --save sau npm install -S react-router-dom

Folosind comenzile menționate mai sus în consolă, adăugați o dependență de dezvoltare de fișierul package.json. Acest lucru vă permite să rezolvați eroarea și să instalați simultan dependența de alte computere care arată modulul nu a fost găsit: nu se poate rezolva react-router-dom

2. Actualizați NPM la versiunea 5

1. Actualizați NPM la versiunea 5.
2. Pentru a actualiza NPM la versiunea 5, utilizați comanda actualizare npm -g
3. Confirmați acum dacă încă vă confruntați cu eroarea modulul nu a fost găsit: nu se poate rezolva react-router-dom.

Înainte de versiunea 5, NPM instala în mod implicit un pachet sub module_noduri.

Dacă încercați să instalați dependențe pentru modulul/aplicația dvs., va trebui să o instalați și apoi să o adăugați manual la secțiunea dependențe în package.json. Prin actualizarea la versiunea 5, puteți rezolva și probleme precum Nu se poate rezolva Axios.

3. Verificați dacă aveți instalate dependențele corecte

1. Verificați dacă aveți dependențele corecte instalate în codul VS. Apăsați și mențineți apăsat butonul Ctrl și faceți clic stânga pe reacţionează-router-dom cuvânt.
2. După ce faceți clic, ar trebui să fiți redirecționat către fișierul de origine node_modules al dependenței. Dacă nu sunteți redirecționat, instalați-l din nou.
3. Îl poți instala folosind comanda npm install react-router-dom --save sau npm install -S react-router-dom

The Nu se poate rezolva în React Router este de obicei din cauza instalării necorespunzătoare. Și acest lucru este de obicei obișnuit atunci când nu aveți dependențele corecte instalate pe aplicația pe care încercați să o utilizați.

React Router ajută la crearea de aplicații web, păstrând interfața de utilizare și adresa URL a aplicației dvs. sincronizate. Aceste aplicații sunt mult mai ușor de implementat, rulat eficient și îmbunătățesc semnificativ experiența utilizatorului.

Dar, la fel ca majoritatea lucrurilor, React Router se poate bloca uneori sau poate afișa un cod de eroare și îl puteți remedia cu ajutorul adecvat.

Sperăm că v-am ajutat să rezolvați eroarea și ne-ar plăcea să primim răspunsuri de la dvs. despre același lucru în comentariile de mai jos!