2
respostas

[Sugestão] PROBLEMA DE COMPATIBILIDADE DAS VERSÕES DO NODE E DO NPM

Não sei se isso pode ajudar mais alguém que teve esse mesmo problema que eu... mas vou compatilhar a solução que eu encontrei:

Introdução

Durante a criação de um projeto React com Typescript usando o create-react-app, um conflito de dependências pode ocorrer, impedindo a execução do projeto. Ao fazer a criação da aplicação utilizando o comando npx create-react-app alura-studies --template typescript --use-npm acontece um conflito de versões, resultando no erro ERESOLVE unable to resolve dependency tree. Mencione as versões do Node.js (v22.12.0) e npm (11.0.0) que você estava usando (versões mais recentes até este momento do Node.js e do npm).

Identificação do Problema

O erro indica incompatibilidade entre a versão do React (19.0.0) e a versão esperada pela @testing-library/react (18.0.0).

Solução Manual

Passo 1. Navegue até o diretório do seu projeto usando o comando cd alura-studies no seu terminal. Passo 2. Instale as bibliotecas de teste @testing-library/react e @testing-library/dom, juntamente com as definições de tipos para React e React-DOM (@types/react e @types/react-dom), usando o comando: npm install @testing-library/react @testing-library/dom @types/react @types/react-dom Passo 3. Instale o pacote web-vitals para monitorar métricas de desempenho da sua aplicação web, usando o comando: npm install web-vitals

Observações

Essa abordagem ignora o gerenciamento de dependências automático do create-react-app e instala as bibliotecas manualmente, garantindo a compatibilidade. Após tentativas de atualização manual dos pacotes via npm update e outras soluções, a solução manual descrita acima se mostrou eficaz.

Conclusão

A solução manual foi eficaz para resolver o conflito de versões e permitir que o projeto funcionasse corretamente. Se você encontrou outras soluções para esse problema, compartilhe nos comentários para ajudar outros desenvolvedores!

2 respostas

Olá, Rafael, como vai?

Que incrível a sua iniciativa de compartilhar a solução para o problema de compatibilidade! Isso é extremamente valioso para outros alunos e ajuda a fortalecer nossa comunidade.

Continue trazendo suas experiências e contribuições para o fórum, pois elas fazem toda a diferença. Se precisar de qualquer ajuda ou quiser trocar ideias, estamos sempre à disposição por aqui!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Oi Rafael,

Excelente iniciativa em compartilhar sua solução! 👍

Sua descrição detalhada dos passos, incluindo os comandos npm install, é muito útil para outros alunos que possam se deparar com o mesmo problema. 💪

A observação sobre como essa abordagem ignora o gerenciamento automático do create-react-app é um ponto importante a ser considerado.

Para saber mais: Gerenciamento de dependências com npm

Compartilhar suas experiências e soluções é fundamental para o aprendizado colaborativo na comunidade Alura. 💭

Continue explorando e contribuindo com seus conhecimentos! 🤔