3
respostas

[Dúvida] Depois que instalei o pacote typescript-plugin-css-modules, bagunçou todas as dependências e não roda mais...

Depois que instalei o pacote typescript-plugin-css-modules (no item 4 da aula 3), bagunçou todas as dependências e não roda mais...

Já tentei rodar o comando "npm audit audit fix --force", mas não resolveu.

Qualquer ajuda para resolver isso será muito bem-vinda !

OBS: Tentei colocar todo o retorno do comando acima... e também iria colocar os erros quando se tenta executar o 'npm start', mas o fórum não suporta mensagem com o tamanho necessário para isso

Obrigado,

PS C:\react\alura\alura-studies> npm audit fix --force npm WARN using --force Recommended protections disabled. npm WARN audit No fix available for typescript-plugin-css-modules@* npm WARN audit Updating react-scripts to 2.1.3, which is a SemVer major change. npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: typescript-plugin-css-modules@1.3.1 npm WARN Found: typescript@4.9.4 npm WARN node_modules/typescript npm WARN typescript@"^4.9.4" from the root project npm WARN npm WARN Could not resolve dependency: npm WARN peer typescript@"^3.0.0" from typescript-plugin-css-modules@1.3.1 npm WARN node_modules/typescript-plugin-css-modules npm WARN dev typescript-plugin-css-modules@"^1.3.1" from the root project npm WARN npm WARN Conflicting peer dependency: typescript@3.9.10 npm WARN node_modules/typescript npm WARN peer typescript@"^3.0.0" from typescript-plugin-css-modules@1.3.1 npm WARN node_modules/typescript-plugin-css-modules npm WARN dev typescript-plugin-css-modules@"^1.3.1" from the root project npm WARN deprecated topo@2.0.2: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial). npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash. npm WARN deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated npm WARN deprecated kleur@2.0.2: Please upgrade to kleur@3 or migrate to 'ansi-colors' if you prefer the old syntax. Visit https://github.com/lukeed/kleur/releases/tag/v3.0.0\ for migration path(s). npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142 npm WARN deprecated eslint-loader@2.1.1: This loader has been deprecated. Please use eslint-webpack-plugin npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated hoek@4.2.1: This version has been deprecated in accordance with the hapi support policy (hapi.im/support). Please upgrade to the latest version to get the best features, bug fixes, and security patches. If you are unable to upgrade at this time, paid support is available for older versions (hapi.im/commercial). .....

added 1088 packages, removed 660 packages, changed 268 packages, and audited 1955 packages in 2m

96 packages are looking for funding run npm fund for details

.....

yargs-parser 6.0.0 - 13.1.1 Severity: moderate yargs-parser Vulnerable to Prototype Pollution - https://github.com/advisories/GHSA-p9pc-299p-vxgp fix available via npm audit fix --force Will install react-scripts@5.0.1, which is a breaking change node_modules/webpack-dev-server/node_modules/yargs-parser node_modules/yargs-parser yargs 8.0.0-candidate.0 - 12.0.5 Depends on vulnerable versions of yargs-parser node_modules/webpack-dev-server/node_modules/yargs node_modules/yargs

75 vulnerabilities (12 low, 20 moderate, 37 high, 6 critical)

To address issues that do not require attention, run: npm audit fix

To address all issues possible (including breaking changes), run: npm audit fix --force

Some issues need review, and may require choosing a different dependency.


3 respostas

Quando tento rodar "npm start":

npm start

alura-studies@0.1.0 start react-scripts start

(node:19012) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated. (Use node --trace-deprecation ... to show where the warning was created) Starting the development server...

Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\react\alura\alura-studies\node_modules\webpack\lib\util\createHash.js:90:53) at NormalModule.initBuildHash (C:\react\alura\alura-studies\nodemodules\webpack\lib\NormalModule.js:386:16) at handleParseError (C:\react\alura\alura-studies\node_modules\webpack\lib\NormalModule.js:434:10) at C:\react\alura\alura-studies\node_modules\webpack\lib\NormalModule.js:466:5 at C:\react\alura\alura-studies\node_modules\webpack\lib\NormalModule.js:327:12 at C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:373:3 at iterateNormalLoaders (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:214:10) at iterateNormalLoaders (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:221:10) at C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:236:3 at runSyncOrAsync (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:130:11) at iterateNormalLoaders (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:232:2) at Array. (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:205:4) at Storage.finished (C:\react\alura\alura-studies\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16) at C:\react\alura\alura-studies\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9 C:\react\alura\alura-studies\node_modules\react-scripts\scripts\start.js:19 throw err; ^

Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\react\alura\alura-studies\node_modules\webpack\lib\util\createHash.js:90:53) at NormalModule.initBuildHash (C:\react\alura\alura-studies\nodemodules\webpack\lib\NormalModule.js:386:16) at C:\react\alura\alura-studies\node_modules\webpack\lib\NormalModule.js:418:10 at C:\react\alura\alura-studies\node_modules\webpack\lib\NormalModule.js:293:13 at C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:367:11 at C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:233:18 at context.callback (C:\react\alura\alura-studies\node_modules\loader-runner\lib\LoaderRunner.js:111:13) at C:\react\alura\alura-studies\node_modules\babel-loader\lib\index.js:51:103 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }

Node.js v18.12.1

Sobre o erro acima do npm start, eu segui as instruções em:

https://roytuts.com/how-to-fix-err_ossl_evp_unsupported-in-react-js-application/

Se eu tento instalar novamente, ocorre o erro:

npm install -D typescript-plugin-css-modules npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: alura-studies@0.1.0 npm ERR! Found: typescript@4.9.4 npm ERR! node_modules/typescript npm ERR! typescript@"^4.9.4" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer typescript@"^3.0.0" from typescript-plugin-css-modules@1.3.1 npm ERR! node_modules/typescript-plugin-css-modules npm ERR! dev typescript-plugin-css-modules@"^1.3.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! See C:\Users\jorge.cury\AppData\Local\npm-cache\eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\jorge.cury\AppData\Local\npm-cache_logs\2022-12-23T22_57_38_134Z-debug-0.log

Oi Jorge, tudo bem?

Desculpe a demora em retornar. Vou tentar ajudá-lo a solucionar essas questões.

Primeiramente, é importante lembrar que o npm audit fix --force é uma opção que deve ser utilizada com cautela, pois pode quebrar as dependências do projeto e até mesmo deixá-lo instável. Portanto, é recomendável evitá-lo sempre que possível.

Com base nos logs que você compartilhou, percebi que a versão do pacote typescript-plugin-css-modules que você está utilizando é a 1.3.1 e ele requer a dependência typescript na versão 3.0.0 ou superior. No entanto, o seu projeto possui o typescript na versão 4.9.4. Essa diferença de versões pode estar gerando conflitos e erros na execução do projeto.

Uma opção é tentar instalar uma versão mais atualizada do typescript-plugin-css-modules que seja compatível com a versão atual do typescript. Para isso, você pode utilizar o comando npm install typescript-plugin-css-modules@latest e verificar se isso resolve o problema.

Outra opção é verificar se há outras dependências em conflito com o typescript-plugin-css-modules. Você pode tentar atualizar essas dependências ou até mesmo removê-las, caso não sejam essenciais para o seu projeto.

Espero que essas sugestões possam ajudá-lo a solucionar os problemas com as dependências do seu projeto.

Obs: vi que você finalizou o curso, que ótimo!

Um abraço e bons estudos.

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