3 modi per correggere l'errore Impossibile risolvere l'errore react-router-dom

Se sei un React programmatore chi costruisce il web applicazioni, avrai bisogno di un router dedicato per aiutare i tuoi utenti a navigare attraverso di essi.

Ma a volte può bloccarsi e visualizzare il messaggio modulo non trovato: impossibile risolvere react-router-dom e potresti non avere idea di come risolverlo.

Oggi ti aiuteremo a correggere uno degli errori più comuni del router React. Continua a leggere per scoprirlo!

Che cos'è un router dom React?

React Router è una libreria di routing completa da lato client a lato server per React. Il React Router Dom utilizza il routing dinamico in un'app Web che aiuta gli utenti a navigare in modo efficiente.

Gli sviluppatori che creano app Web React utilizzano React Router Dom per creare applicazioni a pagina singola In rete. In altre parole, un'applicazione Web con molte pagine o componenti non viene mai aggiornata; piuttosto, il contenuto viene recuperato in modo dinamico.

Il react-router offre una migliore esperienza utente in quanto è estremamente veloce rispetto alla navigazione tradizionale della pagina e offre anche prestazioni complessive dell'app migliori.

Ora che sai cos'è il routing e perché i programmatori usano React Router Dom, c'è ancora una cosa che dovresti sapere. Esistono tre tipi di router React e ognuno serve al suo scopo.

Differenza tra React Router VS React Dom VS React Native

Se sei uno sviluppatore React, hai tre librerie tra cui scegliere. Tutti e tre sono quasi identici, ma hanno i loro casi d'uso. Esamineremo ciascuno di essi in modo che tu possa capire le loro differenze.

• Reagire-router – include tutti i componenti personalizzati e le funzionalità delle librerie react-router-native e react-router-dom
• Reagire-router-dom – utilizzato principalmente per applicazioni web create con React
• Reagire-router-nativo – costruito per il framework React Native utilizzato per creare applicazioni mobili utilizzando React

Cosa posso fare se vedo il messaggio di errore modulo non trovato?

1. Installa le dipendenze correttamente

1. Installa le dipendenze correttamente.
2. Controlla di aver digitato correttamente reagire-router-dom o se hai digitato reagire-dom o reagisci? perché gli ultimi due non sono corretti.
3. Se le dipendenze non sono installate correttamente, utilizzare il comando react-router-dom per installare le dipendenze.
4. Se l'errore modulo non trovato: impossibile risolvere react-router-dom persiste anche dopo aver installato la dipendenza corretta, quindi provare i seguenti comandi: npm install react-router-dom --save o npm install -S react-router-dom

Usando i comandi menzionati sopra nella console, aggiungi una dipendenza dev al tuo file package.json. Ciò consente di risolvere l'errore e installare contemporaneamente la dipendenza su altri computer visualizzati modulo non trovato: impossibile risolvere react-router-dom

2. Aggiorna l'NPM alla versione 5

1. Aggiorna l'NPM alla versione 5.
2. Per aggiornare l'NPM alla versione 5, utilizzare il comando aggiornamento npm -g
3. Conferma ora se stai ancora riscontrando l'errore modulo non trovato: impossibile risolvere react-router-dom.

Prima della versione 5, NPM per impostazione predefinita installava un pacchetto in nodi_moduli.

Se stai tentando di installare le dipendenze per il tuo modulo/app, dovrai installarlo e quindi aggiungerlo manualmente alla sezione delle dipendenze nel tuo package.json. Aggiornando alla versione 5, puoi anche risolvere problemi come Impossibile risolvere Axios.

3. Controlla se hai installato le dipendenze corrette

1. Verifica di avere le dipendenze corrette installate nel codice VS. Tieni premuto il pulsante Ctrl e fai clic con il pulsante sinistro del mouse su reagire-router-dom parola.
2. Dopo aver fatto clic, dovresti essere reindirizzato al file node_modules di origine della dipendenza. Se non vieni reindirizzato, installalo di nuovo.
3. Puoi installarlo usando il comando npm install react-router-dom --save o npm install -S react-router-dom

Il Impossibile risolvere nel router React è solitamente a causa di un'installazione impropria. E questo di solito è comune quando non hai le dipendenze corrette installate sull'applicazione che stai cercando di utilizzare.

Il router React aiuta a creare app Web mantenendo sincronizzati l'interfaccia utente e l'URL dell'applicazione. Queste applicazioni sono molto più facili da distribuire, eseguire in modo efficiente e migliorano notevolmente l'esperienza dell'utente.

Ma come la maggior parte delle cose, il router React a volte può bloccarsi o mostrare un codice di errore e puoi risolverlo con l'aiuto adeguato.

Speriamo di averti aiutato a risolvere l'errore e ci piacerebbe avere tue notizie in merito allo stesso nei commenti qui sotto!