2
respostas

Não estou conseguindo instalar o typescript-plugin-css-modules

Boa tarde, estou tentando instalar o typescript-plugin-css-modules como é mostrado na aula 4 do módulo 3, mas não estou conseguindo, toda vez aperece o seguinte erro:

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-scripts@5.0.1 npm ERR! Found: typescript@5.0.4 npm ERR! node_modules/typescript npm ERR! peer typescript@">= 2.7" from fork-ts-checker-webpack-plugin@6.5.3 npm ERR! node_modules/fork-ts-checker-webpack-plugin npm ERR! fork-ts-checker-webpack-plugin@"^6.5.0" from react-dev-utils@12.0.1 npm ERR! node_modules/react-dev-utils npm ERR! react-dev-utils@"^12.0.1" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"^5.0.1" from the root project npm ERR! peer typescript@">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta" from tsutils@3.21.0 npm ERR! node_modules/tsutils npm ERR! tsutils@"^3.21.0" from @typescript-eslint/eslint-plugin@5.59.2 npm ERR! nodemodules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from eslint-config-react-app@7.0.1 npm ERR! nodemodules/eslint-config-react-app npm ERR! eslint-config-react-app@"^7.0.1" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! 1 more (eslint-plugin-jest) npm ERR! tsutils@"^3.21.0" from @typescript-eslint/type-utils@5.59.2 npm ERR! nodemodules/@typescript-eslint/type-utils npm ERR! @typescript-eslint/type-utils@"5.59.2" from @typescript-eslint/eslint-plugin@5.59.2 npm ERR! nodemodules/@typescript-eslint/eslint-plugin npm ERR! @typescript-eslint/eslint-plugin@"^5.5.0" from eslint-config-react-app@7.0.1 npm ERR! node_modules/eslint-config-react-app npm ERR! 1 more (eslint-plugin-jest) npm ERR! 1 more (@typescript-eslint/typescript-estree) npm ERR! 2 more (the root project, typescript-plugin-css-modules) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"^5.0.1" from the root project npm ERR! npm ERR! Conflicting peer dependency: typescript@4.9.5 npm ERR! node_modules/typescript npm ERR! peerOptional typescript@"^3.2.1 || ^4" from react-scripts@5.0.1 npm ERR! node_modules/react-scripts npm ERR! react-scripts@"^5.0.1" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\rodri\AppData\Local\npm-cache_logs\2023-05-04T18_45_09_205Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\rodri\AppData\Local\npm-cache_logs\2023-05-04T18_45_09_205Z-debug-0.log

Já pesquisei no site deles e no google, mas até agora sem solução.

2 respostas

Olá Rodrigo, tudo bem?

O erro que você está recebendo é devido a uma incompatibilidade de versões entre o typescript-plugin-css-modules e o react-scripts. Uma possível solução é atualizar a versão do react-scripts para a mais recente, que é a 5.0.1.

Você pode tentar executar o comando npm install react-scripts@latest para atualizar o react-scripts e, em seguida, tentar instalar o typescript-plugin-css-modules novamente.

Caso isso não resolva o problema, você pode tentar instalar uma versão anterior do typescript-plugin-css-modules, como a 2.3.3, que é compatível com o react-scripts 5.0.1. Para isso, você pode executar o comando npm install typescript-plugin-css-modules@2.3.3.

Espero ter ajudado e bons estudos!

Boa tarde Renan, eu tentei fazer o que você disse, mas deu erro nas duas situações.

Ao tentar atualizar:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Ao tentar instalar a versão 2.3.3: Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Será que se recriar o projeto dá jeito?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software