3 maneiras de corrigir o erro Não é possível resolver o erro react-router-dom

Se você é um React programador quem constrói web formulários, você precisará de um roteador dedicado para ajudar seus usuários a navegar por eles.

Mas às vezes pode falhar e exibir a mensagem módulo não encontrado: não é possível resolver react-router-dom e você pode não ter idéia de como corrigi-lo.

Hoje vamos ajudá-lo a corrigir um dos erros mais comuns do roteador React. Continue lendo para descobrir!

O que é um React Router Dom?

O React Router é uma biblioteca completa de roteamento do lado do cliente para o lado do servidor para React. O React Router Dom usa roteamento dinâmico em um aplicativo da web que ajuda os usuários a navegar com eficiência.

Os desenvolvedores que criam aplicativos da Web React usam o React Router Dom para criar aplicativos de página única Na internet. Ou seja, um aplicativo da Web com muitas páginas ou componentes nunca é atualizado; em vez disso, o conteúdo é buscado dinamicamente.

O react-router oferece uma melhor experiência ao usuário, pois é extremamente rápido quando comparado à navegação de página tradicional e também oferece melhor desempenho geral do aplicativo.

Agora que você sabe o que é roteamento e por que os programadores usam o React Router Dom, ainda há uma coisa que você deve saber. Existem três tipos de React Router, e cada um serve ao seu propósito.

Diferença entre React Router VS React Dom VS React Native

Se você é um desenvolvedor React, você tem três bibliotecas para escolher. Todos os três são quase idênticos, mas têm seus casos de uso. Analisaremos cada um deles para que você possa entender suas diferenças.

• React-roteador – inclui todos os componentes e recursos personalizados das bibliotecas react-router-native e react-router-dom
• React-router-dom – usado principalmente para aplicações web que são construídas com React
• React-router-native – construído para a estrutura React Native que é usada para criar aplicativos móveis usando React

O que posso fazer se vir a mensagem de módulo de erro não encontrado?

1. Instale as dependências corretamente

1. Instale as dependências corretamente.
2. Verifique se você digitou corretamente react-router-dom ou se você digitou dom de reação ou reagir dom? porque os dois últimos estão incorretos.
3. Se as dependências não estiverem instaladas corretamente, use o comando react-router-dom para instalar as dependências.
4. Se o erro módulo não encontrado: não é possível resolver react-router-dom persistseven depois de instalar a dependência correta, tente os seguintes comandos: npm instala react-router-dom --save ou npm install -S react-router-dom

Ao usar os comandos mencionados acima no console, você adiciona uma dependência dev ao arquivo package.json. Isso permite que você resolva o erro e instale simultaneamente a dependência em outros computadores que mostram módulo não encontrado: não é possível resolver react-router-dom

2. Atualize o NPM para a versão 5

1. Atualize o NPM para a versão 5.
2. Para atualizar o NPM para a versão 5, use o comando atualização npm -g
3. Confirme agora se você ainda está enfrentando o erro módulo não encontrado: não é possível resolver react-router-dom.

Antes da versão 5, o NPM instalava por padrão um pacote em node_modules.

Se você estiver tentando instalar dependências para seu módulo/aplicativo, terá que instalá-lo e adicioná-lo à seção de dependências manualmente em seu package.json. Ao atualizar para a versão 5, você também pode resolver problemas como Não é possível resolver Axios.

3. Verifique se você tem as dependências corretas instaladas

1. Verifique se você tem as dependências corretas instaladas no código VS. Pressione e segure o botão Ctrl e clique com o botão esquerdo do mouse no react-router-dom palavra.
2. Após clicar, você deve ser redirecionado para o arquivo node_modules de origem da dependência. Se você não for redirecionado, instale-o novamente.
3. Você pode instalá-lo usando o comando npm instala react-router-dom --save ou npm install -S react-router-dom

o Não pode resolver no React Router geralmente é devido à instalação inadequada. E isso geralmente é comum quando você não tem as dependências corretas instaladas no aplicativo que está tentando usar.

O React Router ajuda a criar aplicativos da Web mantendo a interface do usuário e a URL do seu aplicativo em sincronia. Esses aplicativos são muito mais fáceis de implantar, executar com eficiência e melhorar significativamente a experiência do usuário.

Mas, como a maioria das coisas, o React Router às vezes pode travar ou mostrar um código de erro, e você pode corrigi-lo com a ajuda adequada.

Esperamos ter ajudado você a resolver o erro e gostaríamos de receber sua resposta sobre o mesmo nos comentários abaixo!