Módulo no encontrado: no se puede resolver React-Router-Dom [Fixed]

Si es un desarrollador de React que crea aplicaciones web, necesitará un enrutador dedicado para ayudar a sus usuarios a navegar a través de ellas.

Pero a veces puede fallar y mostrar el mensaje. módulo no encontrado: no se puede resolver react-router-dom y es posible que no tenga idea de cómo solucionarlo.

Hoy lo ayudaremos a corregir uno de los errores más comunes del enrutador React. ¡Continúa leyendo para averiguarlo!

¿Qué es un domo de enrutador React?

React Router es una biblioteca de enrutamiento de cliente a servidor completa para React. React Router Dom utiliza enrutamiento dinámico en una aplicación web que ayuda a los usuarios a navegar de manera eficiente.

Los desarrolladores que crean aplicaciones web React utilizan React Router Dom para crear aplicaciones de una sola página en la web. Es decir, una aplicación web con muchas páginas o componentes nunca se actualiza; más bien, el contenido se recupera dinámicamente.

React-router brinda una mejor experiencia de usuario, ya que es extremadamente rápido en comparación con la navegación de página tradicional y también brinda un mejor rendimiento general de la aplicación.

Ahora que sabe qué es el enrutamiento y por qué los desarrolladores usan React Router Dom, hay una cosa más que debe saber. Hay tres tipos de enrutadores React y cada uno cumple su propósito.

Diferencia entre React Router VS React Dom VS React Native

Si es un desarrollador de React, tiene tres bibliotecas para elegir. Los tres son casi idénticos pero tienen sus propios casos de uso. Repasaremos cada uno de ellos para que puedas entender las diferencias entre ellos.

• Enrutador de reacción – Incluye todos los componentes y características personalizados de las bibliotecas react-router-native y react-router-dom.
• reaccionar-enrutador-dom – Se utiliza principalmente para aplicaciones web creadas con React.
• React-router-nativo – Construido para el marco React Native que se usa para crear aplicaciones móviles usando React.

Sin más preámbulos, veamos qué puede hacer si recibe el mensaje de error de módulo no encontrado. ¡Seguir a lo largo!

¿Qué puedo hacer si veo el mensaje de error módulo no encontrado?

1. Instala las dependencias correctamente

1. Comprueba si escribiste correctamente reaccionar-enrutador-dom o si escribiste cúpula de reacción o Sr. reacciona porque los dos últimos son incorrectos.
2. Si las dependencias no están instaladas correctamente, use el comando reaccionar-enrutador-dom para instalar las dependencias.
3. si el error módulo no encontrado: no se puede resolver react-router-dom persistir incluso después de instalar la dependencia correcta, pruebe los siguientes comandos: npm install react-router-dom --save o npm install -S react-router-dom

Usando los comandos mencionados anteriormente en la consola, agregue una dependencia de desarrollo al archivo package.json. Esto le permite resolver el error e instalar simultáneamente la dependencia en otras computadoras que muestran módulo no encontrado: no se puede resolver react-router-dom

2. Actualice NPM a la versión 5

1. Para actualizar NPM a la versión 5, use el comando npm update -g
2. Confirme ahora si todavía enfrenta el error. módulo no encontrado: no se puede resolver react-router-dom.

Antes de la versión 5, NPM instalaba un subpaquete de forma predeterminada módulo_nodo.

Si está intentando instalar dependencias para su módulo/aplicación, deberá instalarlo y luego agregarlo manualmente a la sección de dependencias en package.json. Al actualizar a la versión 5, también puede solucionar problemas como No se puede resolver Axios.

3. Verifique que tiene instaladas las dependencias correctas

1. Mantenga presionado el botón Control botón y clic izquierdo en reaccionar-enrutador-dom palabra.
2. Después de hacer clic, debe ser redirigido al origen módulo_nodo el expediente de adicciones. Si no es redirigido, instálelo de nuevo.
3. Puedes instalarlo usando el comando npm install react-router-dom --save o npm install -S react-router-dom

El no se puede resolver en React Router generalmente se debe a una instalación incorrecta. Y esto suele ser común cuando no tiene instaladas las dependencias correctas en la aplicación que está tratando de usar.

React Router ayuda a crear aplicaciones web al mantener sincronizadas la UI y la URL de su aplicación. Estas aplicaciones son mucho más fáciles de implementar, se ejecutan de manera eficiente y mejoran significativamente la experiencia del usuario.

Pero como la mayoría de las cosas, React Router a veces puede bloquearse o mostrar un código de error y puede solucionarlo con la ayuda adecuada.

¡Esperamos haberlo ayudado a solucionar el error y nos encantaría saber de usted sobre lo mismo en los comentarios a continuación!