3 tapaa korjata React-router-dom -virhettä ei voi ratkaista

Jos olet React ohjelmoija kuka rakentaa verkkoa sovellukset, tarvitset erillisen reitittimen, joka auttaa käyttäjiäsi navigoimaan niiden läpi.

Mutta se voi joskus kaatua ja näyttää viestin

moduulia ei löydy: ei voi ratkaista react-router-dom ja sinulla ei ehkä ole aavistustakaan kuinka korjata se.

Tänään autamme sinua korjaamaan yhden React-reitittimen yleisimmistä virheistä. Jatka lukemista saadaksesi selville!

Mikä on React Router Dom?

React Router on Reactin täysimittainen asiakaspuolelta palvelinpuolelle -reitityskirjasto. React Router Dom käyttää dynaamista reititystä verkkosovelluksessa, joka auttaa käyttäjiä navigoimaan tehokkaasti.

React-verkkosovelluksia rakentavat kehittäjät käyttävät React Router Domia rakentamiseen yksisivuisia sovelluksia verkossa. Toisin sanoen verkkosovellus, jossa on monia sivuja tai komponentteja, ei koskaan päivity; pikemminkin sisältö haetaan dynaamisesti.

React-reititin tarjoaa paremman käyttökokemuksen, koska se on erittäin nopea verrattuna perinteiseen sivunavigointiin ja tarjoaa myös paremman sovelluksen suorituskyvyn.

Nyt kun tiedät mitä reititys on ja miksi ohjelmoijat käyttävät React Router Domia, sinun pitäisi silti tietää yksi asia. React-reitittimiä on kolmenlaisia, ja jokainen palvelee tarkoitustaan.

Ero React Router VS React Dom VS React Native välillä

Jos olet React-kehittäjä, voit valita kolmesta kirjastosta. Kaikki kolme ovat lähes identtisiä, mutta niillä on omat käyttötapansa. Käymme läpi jokaisen niistä, jotta ymmärrät niiden erot.

• React-reititin - sisältää kaikki mukautetut komponentit ja ominaisuudet react-router-native- ja react-router-dom-kirjastoista
• React-router-dom – käytetään pääasiassa verkkosovelluksiin, jotka on rakennettu Reactilla
• React-router-native – rakennettu React Native -kehykselle, jota käytetään mobiilisovellusten luomiseen Reactin avulla

Mitä voin tehdä, jos näet virhemoduulia ei löydy -viestin?

1. Asenna riippuvuudet oikein

1. Asenna riippuvuudet oikein.
2. Tarkista, että kirjoitit oikein react-router-dom tai jos kirjoitit reagoida tai reagoida dom? koska kaksi jälkimmäistä ovat vääriä.
3. Jos riippuvuuksia ei ole asennettu oikein, asenna riippuvuudet komennolla react-router-dom.
4. Jos virhe moduulia ei löydy: ei voi ratkaista react-router-dom persistseven oikean riippuvuuden asentamisen jälkeen, kokeile sitten seuraavia komentoja: npm install react-router-dom --save tai npm install -S react-router-dom

Käyttämällä yllä mainittuja komentoja konsolissa lisäät dev-riippuvuuden package.json-tiedostoosi. Tämän avulla voit ratkaista virheen ja samanaikaisesti asentaa riippuvuuden muihin näyttöön tuleviin tietokoneisiin moduulia ei löydy: ei voi ratkaista react-router-dom

2. Päivitä NPM versioon 5

1. Päivitä NPM versioon 5.
2. Päivitä NPM versioon 5 käyttämällä komentoa npm päivitys -g
3. Vahvista nyt, jos kohtaat edelleen virheen moduulia ei löydy: ei voi ratkaista react-router-dom.

Ennen versiota 5 NPM asensi oletuksena paketin alle solmu_moduulit.

Jos yrität asentaa riippuvuuksia moduulillesi/sovelluksellesi, sinun on asennettava se ja lisättävä se riippuvuusosioon manuaalisesti paketti.json-tiedostossasi. Päivittämällä versioon 5 voit myös ratkaista ongelmia, kuten Axioita ei voi ratkaista.

3. Tarkista, että olet asentanut oikeat riippuvuudet

1. Tarkista, onko VS-koodiin asennettu oikeat riippuvuudet. Pidä Ctrl-painiketta painettuna ja napsauta hiiren vasemmalla painikkeella react-router-dom sana.
2. Napsautuksen jälkeen sinut pitäisi ohjata riippuvuuden origin node_modules -tiedostoon. Jos et saa uudelleenohjausta, asenna se uudelleen.
3. Voit asentaa sen komennolla npm install react-router-dom --save tai npm install -S react-router-dom

The Ei voi ratkaista React Routerissa johtuu yleensä virheellisestä asennuksesta. Ja tämä on yleensä yleistä, kun oikeita riippuvuuksia ei ole asennettu sovellukseen, jota yrität käyttää.

React Router auttaa luomaan verkkosovelluksia pitämällä käyttöliittymän ja sovelluksesi URL-osoitteen synkronoituna. Näitä sovelluksia on paljon helpompi ottaa käyttöön, ne toimivat tehokkaasti ja ne parantavat merkittävästi käyttökokemusta.

Mutta kuten useimmat asiat, React Router voi joskus kaatua tai näyttää virhekoodin, ja voit korjata sen asianmukaisella avustuksella.

Toivomme, että auttoimme sinua ratkaisemaan virheen ja haluaisimme kuulla sinusta samasta asiasta alla olevissa kommenteissa!