Erreur npm start ERR_OSSL_EVP_UNSUPPORTED avec Create React App et Node 18

Question

Bonjour Louis-Nicolas,
Je suis au chapitre 21, j'ai bien suivi toutes les étapes pour installer create react app , mais dès que j'utilise la commande npm start , j'ai des erreurs :
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:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:471:10)
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:503:5
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:358:12
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:221:10)
C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_moduleseact-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:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:417:16)
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:452:10
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\webpack\lib\NormalModule.js:323:13
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\loader-runner\lib\LoaderRunner.js:111:13)
at C:\Users\clair\OneDrive\Bureau\projets-reacteact-formation-ultime
ode_modules\babel-loader\lib\index.js:59:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Je ne peux pas utiliser le serveur, du coup, et avancer dans la formation.
J'utilise la version 18.12.0 de Node.js .
Pourrais-tu m'aider ?
Merci !!

Louis-Nicolas Leuillet · Accepted Answer

Super bonne nouvelle !
Je crois qu'il y a dû y avoir un petit problème de mise à jour qui fait que le paquet openssl n'ait pas été installé en même temps, merci d'avoir donné la solution !
Amuse-toi bien :)

Claire-Lise Demettre · Answer

Après pas mal de recherches sur Google, je viens de trouver une solution : j'ai changé les scripts de package.json en :
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts --openssl-legacy-provider build",
Ça marche maintenant !! Mais je ne comprends pas pourquoi...

Louis-Nicolas Leuillet · Answer

Bonjour Claire-Lise,
Vous utilisez la même version de React que dans le cours, ou la toute dernière ?

Claire-Lise Demettre · Answer

Oui, j'ai fait toutes les manips comme dans le cours pour avoir la même version.
Maintenant que j'ai changé les scripts, ça marche, et j'ai pu avancer dans le cours, mais je ne comprends pas ce qu'il s'est passé. Si jamais tu peux m'éclairer !
Merci !

Claire-Lise Demettre · Answer

Merci à toi! Tes cours sont vraiment géniaux, en tant que prof moi-même, je l'apprécie d'autant plus!

Louis-Nicolas Leuillet · Answer

Oh ton message me fait d'autant plus plaisir dans ce cas, merci !

Erreur npm start ERR_OSSL_EVP_UNSUPPORTED avec Create React App et Node 18

Créez des sites internet interactifs avec React 16 et Redux