3 sposoby naprawienia błędu „Nie można rozwiązać problemu z routerem reakcyjnym”?

Jeśli jesteś React

programista kto buduje sieć? Aplikacje, będziesz potrzebować dedykowanego routera, aby ułatwić użytkownikom poruszanie się po nich.

Ale czasami może się zawiesić i wyświetlić komunikat moduł nie został znaleziony: nie można rozpoznać routera reakcji-router-dom i możesz nie mieć pojęcia, jak to naprawić.

Dzisiaj pomożemy Ci naprawić jeden z najczęstszych błędów routera React. Czytaj dalej aby się dowiedzieć!

Co to jest React Router Dom?

React Router to w pełni rozwinięta biblioteka routingu po stronie klienta do serwera dla Reacta. React Router Dom korzysta z dynamicznego routingu w aplikacji internetowej, która pomaga użytkownikom efektywnie nawigować.

Deweloperzy, którzy tworzą aplikacje internetowe React, używają React Router Dom do tworzenia aplikacje jednostronicowe w Internecie. Oznacza to, że aplikacja internetowa z wieloma stronami lub komponentami nigdy nie jest odświeżana; raczej treść jest pobierana dynamicznie.

React-router zapewnia lepsze wrażenia użytkownika, ponieważ jest niezwykle szybki w porównaniu z tradycyjną nawigacją po stronie, a także zapewnia lepszą ogólną wydajność aplikacji.

Teraz, gdy już wiesz, czym jest routing i dlaczego programiści używają React Router Dom, jest jeszcze jedna rzecz, którą powinieneś wiedzieć. Istnieją trzy typy React Router, a każdy z nich spełnia swoje zadanie.

Różnica między React Router a React Dom a React Native

Jeśli jesteś programistą React, masz do wyboru trzy biblioteki. Wszystkie trzy są prawie identyczne, ale mają swoje przypadki użycia. Omówimy każdy z nich, abyś mógł zrozumieć różnice między nimi.

• React-router – zawiera wszystkie niestandardowe komponenty i funkcje z bibliotek React-router-native i React-router-dom
• React-router-dom – używane głównie w aplikacjach webowych, które są budowane za pomocą React
• React-router-natywny – zbudowany dla frameworka React Native, który służy do tworzenia aplikacji mobilnych za pomocą React

Co mogę zrobić, jeśli widzę komunikat o błędzie modułu nie znaleziono?

1. Zainstaluj poprawnie zależności

1. Zainstaluj poprawnie zależności.
2. Sprawdź, czy poprawnie wpisałeś React-router-dom lub jeśli wpisałeś Reaguj-dom lub reaguj dom? ponieważ dwa ostatnie są błędne.
3. Jeśli zależności nie są poprawnie zainstalowane, użyj polecenia react-router-dom, aby zainstalować zależności.
4. Jeśli błąd moduł nie został znaleziony: nie można rozpoznać routera reakcji-routera utrzymuje się nawet po zainstalowaniu poprawnej zależności, a następnie wypróbuj następujące polecenia: npm zainstaluj react-router-dom --save lub npm install -S React-router-dom

Używając poleceń wymienionych powyżej w konsoli, dodajesz zależność dev do pliku package.json. Pozwala to na rozwiązanie błędu i jednoczesne zainstalowanie zależności na innych komputerach, które wyświetlają moduł nie został znaleziony: nie można rozpoznać routera reakcji-router-dom

2. Zaktualizuj NPM do wersji 5

1. Zaktualizuj NPM do wersji 5.
2. Aby zaktualizować NPM do wersji 5, użyj polecenia aktualizacja npm -g
3. Potwierdź teraz, jeśli nadal napotykasz błąd moduł nie został znaleziony: nie można rozpoznać routera reakcji-router-dom.

Przed wersją 5 NPM domyślnie zainstalował pakiet pod node_modules.

Jeśli próbujesz zainstalować zależności dla swojego modułu/aplikacji, będziesz musiał go zainstalować, a następnie ręcznie dodać go do sekcji zależności w pliku package.json. Aktualizując do wersji 5, możesz również rozwiązać problemy, takie jak Nie mogę rozwiązać Axios.

3. Sprawdź, czy masz zainstalowane poprawne zależności

1. Sprawdź, czy masz zainstalowane poprawne zależności w kodzie VS. Naciśnij i przytrzymaj przycisk Ctrl i kliknij lewym przyciskiem myszy React-router-dom słowo.
2. Po kliknięciu powinieneś zostać przekierowany do oryginalnego pliku node_modules zależności. Jeśli nie zostaniesz przekierowany, zainstaluj go ponownie.
3. Możesz go zainstalować za pomocą polecenia npm zainstaluj react-router-dom --save lub npm install -S React-router-dom

ten Nie można rozwiązać w React Router jest zwykle spowodowany nieprawidłową instalacją. Zwykle jest to powszechne, gdy nie masz zainstalowanych odpowiednich zależności w aplikacji, której próbujesz użyć.

React Router pomaga tworzyć aplikacje internetowe, utrzymując synchronizację interfejsu użytkownika i adresu URL aplikacji. Aplikacje te są znacznie łatwiejsze do wdrożenia, wydajnego działania i znacznie poprawiają komfort użytkowania.

Ale jak większość rzeczy, React Router może czasami ulec awarii lub wyświetlić kod błędu, a możesz to naprawić z odpowiednią pomocą.

Mamy nadzieję, że pomogliśmy Ci rozwiązać ten błąd i chcielibyśmy usłyszeć od Ciebie odpowiedź w tej sprawie w komentarzach poniżej!