Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Erro ao utilizar npx create-react-app alura-studies --template typescript --use-npm

Creating a new React app in C:\Users\Mathe\Documents\alura\alura-studies.

Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template-typescript...

added 1323 packages in 2m

267 packages are looking for funding run npm fund for details

Initialized a git repository.

Installing template dependencies using npm... 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\Mathe\AppData\Local\npm-cache_logs\2025-01-11T20_58_35_098Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\Mathe\AppData\Local\npm-cache_logs\2025-01-11T20_58_35_098Z-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

3 respostas

Olá, Arthur. Tudo bem?

O erro que você encontrou ao criar um projeto React com TypeScript está relacionado a uma incompatibilidade de versões entre o React instalado e o pacote @testing-library/react. Isso acontece porque o projeto está tentando usar a versão 19 do React, mas o @testing-library/react espera a versão 18 como dependência.

Uma solução rápida é utilizar o Vite para criar o seu projeto, você pode notar algumas diferenças, com relação a estruturas de pastas por exemplo, mas não vai atrapalhar seu acompanhamento no curso. Esse artigo ensina o passo a passo para criar seu projeto com Vite, se precisar de ajuda durante o curso, conte sempre conosco aqui no fórum!

Espero ter ajudado!

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

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

Utilizei o Vite e funcionou. Mas só pra esclarecer, tem como eu atualizar o React pra não depender do Vite? Se sim, como?

solução!

Olá, Arthur, como vai?

Fico feliz que tenha funcionado com o Vite! Eu estou acompanhando as issues do repositório do CRA esperando por uma solução relacionado a esse erro. Eu vi um dos usuários mencionando que ainda funciona se iniciar o projeto usando o yarn ao invés do npm para fazer o gerenciamento dos pacotes, porém eu não sei dizer se isso pode impactar o andamento do curso.

Porém, o Vite é uma ótima opção para iniciar projetos React por ser mais leve e rápido. Ele oferece um tempo de inicialização muito mais rápido e uma experiência de desenvolvimento mais fluida, especialmente em projetos grandes. Além disso, o Vite lida de forma mais eficiente com módulos ES, o que o torna uma excelente escolha para projetos modernos.

Em cursos futuros na plataforma, o Vite será abordado, pois ele é uma das ferramentas mais recomendadas para iniciar projetos com React devido à sua performance.