Fix: Error: error:0308010C:digital envelope routines::unsupported NodeJs/Vue/React

Error: error:0308010C:digital envelope routines::unsupported

The Error 0308010C:digital envelope routines usually occurs while building a JavaScript NodeJS application with version 17 or above.

 % npm start
   
  Starting the development server...

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ]
  library: 'digital envelope routines'
  reason: 'unsupported'
  code: 'ERR_OSSL_EVP_UNSUPPORTED

As you can see this is clearly an issue related to unsupported OpenSSL.

Fixes/Solutions:

1. Downgrade to a lower version of NodeJS like 16.x.

   nvm install 16 --lts

2. In your package.json add --openssl-legacy-provider start flag to "start": "react-scripts start"

   start": "react-scripts --openssl-legacy-provider start"

   Not recommended for production!
3. Make sure to NodeJS version with security fixes using,

   npm audit fix --force

Human-Written Content: This article was demonstrated by a human, not AI.

Please support independent contributors like Code2care by donating a coffee.

1. https://github.com/nodejs/node/issues/40547
2. https://github.com/webpack/webpack/issues/14532