3 måter å fikse Kan ikke løse react-router-dom-feilen

Hvis du er en React Programmerer som bygger web applikasjoner, trenger du en dedikert ruter for å hjelpe brukerne dine med å navigere gjennom dem.

Men det kan noen ganger krasje og vise meldingen modul ikke funnet: kan ikke løse react-router-dom

og du har kanskje ingen anelse om hvordan du kan fikse det.

I dag hjelper vi deg med å fikse en av de vanligste feilene til React-ruteren. Fortsett å lese for å finne ut!

Hva er en React Router Dom?

React Router er et fullverdig rutingbibliotek fra klientsiden til serversiden for React. React Router Dom bruker dynamisk ruting i en nettapp som hjelper brukere med å navigere effektivt.

Utviklere som bygger React-nettapper bruker React Router Dom til å bygge enkeltsideapplikasjoner på internett. Det vil si at en nettapplikasjon med mange sider eller komponenter aldri oppdateres; snarere hentes innhold dynamisk.

React-ruteren tilbyr en bedre brukeropplevelse siden den er ekstremt rask sammenlignet med tradisjonell sidenavigering og gir også bedre appytelse totalt sett.

Nå som du vet hva ruting er og hvorfor programmerere bruker React Router Dom, er det fortsatt én ting du bør vite. Det er tre typer React Router, og hver av dem tjener sitt formål.

Forskjellen mellom React Router VS React Dom VS React Native

Hvis du er en React-utvikler, har du tre biblioteker å velge mellom. Alle tre er nesten identiske, men de har sine bruksområder. Vi vil gå gjennom hver enkelt av dem slik at du kan forstå forskjellene deres.

• Reager-ruter – inkluderer alle de tilpassede komponentene og funksjonene fra react-router-native og react-router-dom-bibliotekene
• Reager-ruter-dom – hovedsakelig brukt til webapplikasjoner som er bygget med React
• Reager-ruter-native – bygget for React Native-rammeverket som brukes til å lage mobilapplikasjoner ved hjelp av React

Hva kan jeg gjøre hvis jeg ser feilmodulen ikke funnet-meldingen?

1. Installer avhengighetene riktig

1. Installer avhengighetene riktig.
2. Sjekk om du har skrevet riktig reagere-ruter-dom eller hvis du skrev reagere-dom eller reagere dom? fordi de to sistnevnte er feil.
3. Hvis avhengighetene ikke er riktig installert, bruk kommandoen react-router-dom for å installere avhengighetene.
4. Hvis feilen modul ble ikke funnet: kan ikke løse react-router-dom vedvarer selv etter at du har installert riktig avhengighet, prøv deretter følgende kommandoer: npm installer react-router-dom --save eller npm install -S react-router-dom

Ved å bruke kommandoene som er nevnt ovenfor i konsollen, legger du til en dev-avhengighet på filen package.json. Dette lar deg løse feilen og samtidig installere avhengigheten på andre datamaskiner som viser modul ikke funnet: kan ikke løse react-router-dom

2. Oppdater NPM til versjon 5

1. Oppdater NPM til versjon 5.
2. For å oppdatere NPM til versjon 5, bruk kommandoen npm oppdatering -g
3. Bekreft nå om du fortsatt står overfor feilen modul ikke funnet: kan ikke løse react-router-dom.

Før versjon 5 installerte NPM som standard en pakke under node_modules.

Hvis du prøver å installere avhengigheter for modulen/appen din, må du installere den og deretter legge den til i avhengighetsdelen manuelt til package.json. Ved å oppdatere til versjon 5 kan du også løse problemer som f.eks Kan ikke løse Axios.

3. Sjekk om du har de riktige avhengighetene installert

1. Sjekk om du har de riktige avhengighetene installert i VS-koden. Trykk og hold Ctrl-knappen og venstreklikk på reagere-ruter-dom ord.
2. Etter å ha klikket, bør du bli omdirigert til origin node_modules-filen til avhengigheten. Hvis du ikke blir omdirigert, installer den på nytt.
3. Du kan installere den ved å bruke kommandoen npm installer react-router-dom --save eller npm install -S react-router-dom

De Kan ikke løse i React Router er vanligvis på grunn av feil installasjon. Og dette er vanligvis vanlig når du ikke har de riktige avhengighetene installert på applikasjonen du prøver å bruke.

React Router hjelper deg med å lage nettapper ved å holde brukergrensesnittet og URL-en til applikasjonen din synkronisert. Disse applikasjonene er mye enklere å distribuere, kjører effektivt og forbedrer brukeropplevelsen betydelig.

Men som de fleste andre ting kan React Router noen ganger krasje eller vise en feilkode, og du kan fikse det med riktig hjelp.

Vi håper vi hjalp deg med å løse feilen og vil gjerne høre fra deg om det samme i kommentarene nedenfor!