2
respostas

[Dúvida] Problema ao criar projeto React com TypeScript usando

Estou enfrentando um problema ao criar um novo projeto React com TypeScript utilizando o comando:

npx create-react-app --template typescript alura-studies --use-npm

O processo de criação inicia normalmente, instalando as dependências necessárias. No entanto, o comando falha com o seguinte erro:

npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: alura-studies@0.1.0
npm error Found: react@19.0.0
npm error node_modules/react
npm error   react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^18.0.0" from @testing-library/react@13.4.0
npm error node_modules/@testing-library/react
npm error   @testing-library/react@"^13.0.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\gabic\AppData\Local\npm-cache\_logs\2024-12-30T12_35_02_272Z-eresolve-report.txt
npm error A complete log of this run can be found in: C:\Users\gabic\AppData\Local\npm-cache\_logs\2024-12-30T12_35_02_272Z-debug-0.log     
`npm install --no-audit --save @testing-library/jest-dom@^5.14.1 @testing-library/react@^13.0.0 @testing-library/user-event@^13.2.1 @types/jest@^27.0.1 @types/node@^16.7.13 @types/react@^18.0.0 @types/react-dom@^18.0.0 typescript@^4.4.2 web-vitals@^2.1.0` failed

O que já tentei:

  • Reiniciar o terminal e tentar novamente.
  • Verificar se há atualizações do npm e do Node.js.
  • Limpar o cache do npm (npm cache clean --force).

Ambiente:

  • Sistema Operacional: [Windows 10]
  • Versão do Node.js : [22.12.0]
  • Versão do npm: [11.0.0]

Solicito ajuda da comunidade para identificar e solucionar esse problema. Alguma sugestão de como resolver esse conflito de dependências?

2 respostas

O erro indica que o pacote react@19.0.0 não é compatível com a dependência @testing-library/react, que exige react@^18.0.0. Isso acontece pq o comando npx create-react-app instalou uma versão do react que ainda não é oficialmente suportada por algumas bibliotecas. Tenta usar o parâmetro --legacy-peer-deps, tipo:

npx create-react-app alura-studies --template typescript --use-npm --legacy-peer-deps

Dessa maneira força o npm a ignorar esses problemas da compatibilidade, aconteceu a mesma coisa comigo e resolveu assim, espero que te ajude também!

Olá,

Agradeço pela sua resposta e pela tentativa de solução. Infelizmente, mesmo após utilizar o parâmetro --legacy-peer-deps, o problema persiste. O erro "ERESOLVE unable to resolve dependency tree" continua ocorrendo, indicando que ainda há um conflito de dependências entre o pacote react e @testing-library/react.

Você teria alguma outra sugestão para resolver esse problema?

Obrigada =D