3 måder at rette fejlen Kan ikke løse react-router-dom-fejlen

Hvis du er en React programmør der bygger web applikationer, skal du bruge en dedikeret router til at hjælpe dine brugere med at navigere gennem dem.

Men det kan nogle gange gå ned og vise beskeden

modul ikke fundet: kan ikke løse react-router-dom og du har måske ingen idé om, hvordan du løser det.

I dag hjælper vi dig med at rette en af ​​de mest almindelige fejl på React-routeren. Fortsæt med at læse for at finde ud af det!

Hvad er en React Router Dom?

React-routeren er et fuldgyldigt routingbibliotek fra klientsiden til serversiden til React. React Router Dom bruger dynamisk routing i en webapp, der hjælper brugerne med at navigere effektivt.

Udviklere, der bygger React-webapps, bruger React Router Dom til at bygge enkeltsidede applikationer på nettet. Det vil sige, at en webapplikation med mange sider eller komponenter aldrig bliver opdateret; snarere hentes indhold dynamisk.

React-routeren tilbyder en bedre brugeroplevelse, da den er ekstremt hurtig sammenlignet med traditionel sidenavigation og giver også en bedre app-ydelse generelt.

Nu hvor du ved, hvad routing er, og hvorfor programmører bruger React Router Dom, er der stadig én ting, du bør vide. Der er tre typer React Router, og hver af dem tjener sit formål.

Forskel mellem React Router VS React Dom VS React Native

Hvis du er React-udvikler, har du tre biblioteker at vælge imellem. Alle tre er næsten identiske, men de har deres use cases. Vi gennemgår hver enkelt af dem, så du kan forstå deres forskelle.

• React-router – inkluderer alle brugerdefinerede komponenter og funktioner fra react-router-native og react-router-dom-bibliotekerne
• Reager-router-dom – primært brugt til webapplikationer, der er bygget med React
• Reager-router-native – bygget til React Native-rammeværket, der bruges til at skabe mobile applikationer ved hjælp af React

Hvad kan jeg gøre, hvis jeg ser meddelelsen om fejlmodulet ikke fundet?

1. Installer afhængighederne korrekt

1. Installer afhængighederne korrekt.
2. Tjek om du har skrevet rigtigt reagere-router-dom eller hvis du har skrevet reagere-dom eller reagere dom? fordi de to sidstnævnte er forkerte.
3. Hvis afhængighederne ikke er korrekt installeret, skal du bruge kommandoen react-router-dom til at installere afhængighederne.
4. Hvis fejlen modul blev ikke fundet: kan ikke løse react-router-dom fortsætter selv efter at have installeret den korrekte afhængighed, så prøv følgende kommandoer: npm installer react-router-dom --save eller npm install -S react-router-dom

Ved at bruge de kommandoer, der er nævnt ovenfor i konsollen, tilføjer du en dev-afhængighed til din package.json-fil. Dette giver dig mulighed for at løse fejlen og samtidig installere afhængigheden på andre computere, der viser modul ikke fundet: kan ikke løse react-router-dom

2. Opdater NPM til version 5

1. Opdater NPM til version 5.
2. Brug kommandoen for at opdatere NPM til version 5 npm opdatering -g
3. Bekræft nu, hvis du stadig står over for fejlen modul ikke fundet: kan ikke løse react-router-dom.

Før version 5 installerede NPM som standard en pakke under node_modules.

Hvis du forsøger at installere afhængigheder for dit modul/app, skal du installere det og derefter tilføje det til afhængighedsafsnittet manuelt til din package.json. Ved at opdatere til version 5 kan du også løse problemer som f.eks Kan ikke løse Axios.

3. Tjek, om du har de korrekte afhængigheder installeret

1. Tjek, om du har de korrekte afhængigheder installeret i VS-koden. Tryk og hold Ctrl-knappen nede, og venstreklik på reagere-router-dom ord.
2. Efter at have klikket, skal du omdirigeres til oprindelsesnode_modules-filen for afhængigheden. Hvis du ikke bliver omdirigeret, skal du installere det igen.
3. Du kan installere det ved hjælp af kommandoen npm installer react-router-dom --save eller npm install -S react-router-dom

Det Kan ikke løses i React Router er normalt på grund af forkert installation. Og dette er normalt almindeligt, når du ikke har de korrekte afhængigheder installeret på det program, du forsøger at bruge.

React Router hjælper med at skabe webapps ved at holde brugergrænsefladen og URL'en på din applikation synkroniseret. Disse applikationer er meget nemmere at implementere, køre effektivt og forbedrer brugeroplevelsen markant.

Men ligesom de fleste ting kan React Routeren nogle gange gå ned eller vise en fejlkode, og du kan rette det med ordentlig hjælp.

Vi håber, at vi har hjulpet dig med at løse fejlen og ville elske at høre fra dig om det samme i kommentarerne nedenfor!