3 spôsoby, ako opraviť chybu Reag-router-dom sa nedá vyriešiť

Ak ste React programátor kto tvorí web aplikácie, budete potrebovať vyhradený smerovač, ktorý vašim používateľom pomôže prechádzať nimi.

Niekedy však môže zlyhať a zobraziť správu modul nenájdený: nedá sa vyriešiť reakcia-router-dom a možno netušíte, ako to opraviť.

Dnes vám pomôžeme opraviť jednu z najbežnejších chýb smerovača React. Pokračujte v čítaní a dozviete sa!

Čo je React Router Dom?

React Router je plnohodnotná smerovacia knižnica zo strany klienta na stranu servera pre React. React Router Dom používa dynamické smerovanie vo webovej aplikácii, ktorá pomáha používateľom efektívnu navigáciu.

Vývojári, ktorí vytvárajú webové aplikácie React, používajú na vytváranie React Router Dom jednostránkové aplikácie na webe. To znamená, že webová aplikácia s mnohými stránkami alebo komponentmi sa nikdy neobnovuje; obsah sa skôr načítava dynamicky.

Reakčný smerovač ponúka lepšiu používateľskú skúsenosť, pretože je extrémne rýchly v porovnaní s tradičnou navigáciou po stránkach a celkovo ponúka lepší výkon aplikácie.

Teraz, keď viete, čo je smerovanie a prečo programátori používajú React Router Dom, je tu ešte jedna vec, ktorú by ste mali vedieť. Existujú tri typy smerovačov React Router a každý slúži svojmu účelu.

Rozdiel medzi React Router VS React Dom VS React Native

Ak ste vývojár Reactu, máte na výber tri knižnice. Všetky tri sú takmer totožné, ale majú svoje prípady použitia. Prejdeme si každý z nich, aby ste pochopili ich rozdiely.

• React-router – zahŕňa všetky vlastné komponenty a funkcie z knižníc reagovať-router-native a Reag-router-dom
• React-router-dom – používa sa hlavne pre webové aplikácie, ktoré sú vytvorené pomocou React
• React-router-native – vytvorené pre rámec React Native, ktorý sa používa na vytváranie mobilných aplikácií pomocou React

Čo môžem urobiť, ak sa zobrazí správa o chybovom module nenájdený?

1. Správne nainštalujte závislosti

1. Správne nainštalujte závislosti.
2. Skontrolujte, či ste zadali správne reagovať-smerovač-dom alebo ak ste zadali reagovať-dom alebo reagovať dom? pretože posledné dve sú nesprávne.
3. Ak závislosti nie sú správne nainštalované, na inštaláciu závislostí použite príkaz respond-router-dom.
4. Ak chyba modul sa nenašiel: nedá sa vyriešiť reakcia-router-dom persistseven po nainštalovaní správnej závislosti, potom skúste nasledujúce príkazy: npm install reagovat-router-dom --save alebo npm install -S reagovat-router-dom

Pomocou príkazov, ktoré sú uvedené vyššie v konzole, pridáte závislosť vývojára na súbor package.json. To vám umožní vyriešiť chybu a súčasne nainštalovať závislosť na iných počítačoch, ktoré sa zobrazujú modul nenájdený: nedá sa vyriešiť reakcia-router-dom

2. Aktualizujte NPM na verziu 5

1. Aktualizujte NPM na verziu 5.
2. Ak chcete aktualizovať NPM na verziu 5, použite príkaz aktualizácia npm -g
3. Teraz potvrďte, či sa chyba stále zobrazuje modul nenájdený: nedá sa vyriešiť reakcia-router-dom.

Pred verziou 5 NPM štandardne nainštaloval balík pod node_modules.

Ak sa pokúšate nainštalovať závislosti pre svoj modul/aplikáciu, budete si ho musieť nainštalovať a potom manuálne pridať do sekcie závislostí do súboru package.json. Aktualizáciou na verziu 5 môžete vyriešiť aj problémy ako napr Axios sa nepodarilo vyriešiť.

3. Skontrolujte, či máte nainštalované správne závislosti

1. Skontrolujte, či máte v kóde VS nainštalované správne závislosti. Stlačte a podržte tlačidlo Ctrl a kliknite ľavým tlačidlom myši na reagovať-smerovač-dom slovo.
2. Po kliknutí by ste mali byť presmerovaní na pôvodný súbor node_modules závislosti. Ak nebudete presmerovaní, nainštalujte ho znova.
3. Môžete ho nainštalovať pomocou príkazu npm install reagovat-router-dom --save alebo npm install -S reagovat-router-dom

The Nedá sa vyriešiť v React Router je zvyčajne kvôli nesprávnej inštalácii. A to je zvyčajne bežné, keď nemáte nainštalované správne závislosti v aplikácii, ktorú sa pokúšate použiť.

React Router pomáha vytvárať webové aplikácie tým, že udržiava používateľské rozhranie a adresu URL vašej aplikácie v synchronizácii. Tieto aplikácie sa oveľa jednoduchšie nasadzujú, fungujú efektívne a výrazne zlepšujú používateľskú skúsenosť.

Ale ako väčšina vecí, aj React Router môže niekedy zlyhať alebo zobraziť chybový kód a môžete to opraviť pomocou vhodnej pomoci.

Dúfame, že sme vám pomohli vyriešiť chybu a radi by sme od vás dostali odpoveď v komentároch nižšie!