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

Utilizar o Hook speech recognition no projeto typescript utilizando react

Boa tarde! Estou tentando utilizar o Speech recognition no meu projeto typescript utilizando react, mas aparece o erro abaixo. Alguém consegue me ajudar como posso resolver

npm install --save @types/react-speech-recognition 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.2.2 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.62.0 npm ERR! node_modules/@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! 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.62.0 npm ERR! node_modules/@typescript-eslint/type-utils npm ERR! @typescript-eslint/type-utils@"5.62.0" from @typescript-eslint/eslint-plugin@5.62.0 npm ERR! node_modules/@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! 1 more (the root project) 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! 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!

Pelo o que eu entendi vou ter que atualizar essa arquivo, mas como que faço isso, não tenho experiência alguma.

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

2 respostas

Olá, Bismark! Parece que você está enfrentando um conflito de dependências ao tentar instalar o pacote @types/react-speech-recognition no seu projeto React com TypeScript.

O erro ERESOLVE que você está vendo é causado quando o npm não consegue resolver um conflito entre versões de dependências. No seu caso, parece que o pacote react-scripts@5.0.1 requer uma versão do TypeScript que é ^3.2.1 || ^4, mas você tem a versão 5.2.2 instalada.

Uma solução possível seria desinstalar a versão atual do TypeScript e reinstalar a versão que é compatível com o seu pacote react-scripts. Para fazer isso, você pode usar os seguintes comandos:

npm uninstall typescript
npm install typescript@4

Depois de fazer isso, tente instalar o pacote @types/react-speech-recognition novamente:

npm install --save @types/react-speech-recognition

Por favor, note que esta é uma solução possível, mas pode não resolver completamente o seu problema, pois depende de outras dependências do seu projeto. Além disso, lembre-se de fazer um backup do seu projeto antes de fazer essas alterações para evitar a perda de qualquer trabalho.

Espero ter ajudado e bons estudos!

solução!

Vinicius neves, bom dia!

Muito obrigado pela reposta! Fiz um pouco diferente e deu certo.

Conforme imagem abaixo fiz a edição de forma manual no arquivo package.json para "typescript": "^4.9.5" e depois fui no terminal e rodei o comando npm install, logo após tentei rodar o comando para instalar o speech recognition mas ele reclamou do node_modules e do package-lock.json, excluir os dois arquivos e rodei novamente o comando npm install. O sistema retornou os dois arquivos agora atualizado e quando rodei no npm para instalar speech recognition deu certo, porém, não instalei o recognition especificando que estou no projeto typescript e sim em um projeto react, acho que não vai dá problema quando for fazer a migração para typescript, essa afirmação é puro achismo rsrsrsrs.

Muito obrigado mesmo. Qualquer observação gentileza sinalizar...

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