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

Describe the bug Upgraded to Node.JS 17.0.0 and bump into this error:

$ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v2.1.5
 Pkg @quasar/app... v3.1.4
 Pkg webpack....... v5
 Debugging......... enabled

 Configured browser support (>= 88.66% of global marketshare):
 · Chrome for Android >= 94
 · Firefox for Android >= 92
 · Android >= 94
 · Chrome >= 85
 · Edge >= 91
 · Firefox >= 84
 · iOS >= 11.3-11.4
 · Opera >= 76
 · Safari >= 12

 App • Running "@quasar/dotenv" Quasar App Extension...
 App • Running "@quasar/testing" Quasar App Extension...
 App • Running "@quasar/testing-unit-jest" Quasar App Extension...
 App • Running "@quasar/testing-e2e-cypress" Quasar App Extension...
 App • Extension(@quasar/dotenv): Extending quasar.conf...
 App • Extension(@quasar/testing-e2e-cypress): Extending quasar.conf...
 App • Chaining "UI" Webpack config
(node:42896) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
 App •  WAIT  • Compiling of "UI" in progress...

 • Compiling:
 └── UI ██                   7% setup compile ExternalsPlugin

node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

[  Error: error:0308010C:digital envelope routines::unsupported
  
  - hash:67 new Hash
    node:internal/crypto/hash:67:19
  
  - node:crypto:130 Object.createHash
    node:crypto:130:10
  
  - createHash.js:155 BulkUpdateDecorator.hashFactory
    [khteh]/[webpack]/lib/util/createHash.js:155:18
  
  - createHash.js:80 BulkUpdateDecorator.digest
    [khteh]/[webpack]/lib/util/createHash.js:80:21
  
  - DefinePlugin.js:595 
    [khteh]/[webpack]/lib/DefinePlugin.js:595:38
  
  
  - Hook.js:14 Hook.CALL_DELEGATE [as _call]
    [khteh]/[tapable]/lib/Hook.js:14:14
  
  - Compiler.js:1053 Compiler.newCompilation
    [khteh]/[webpack]/lib/Compiler.js:1053:26
  
  - Compiler.js:1097 
    [khteh]/[webpack]/lib/Compiler.js:1097:29
  
  
] {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v17.0.0

Codepen/jsFiddle/Codesandbox (required) Fork a Codepen (https://codepen.quasar.dev) or a jsFiddle (https://jsfiddle.quasar.dev) or a Codesandbox (https://codesandbox.quasar.dev) and hit save then copy-paste link here.

To Reproduce Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots If applicable, add screenshots to help explain your problem.

Platform (please complete the following information): Quasar Version: @quasar/app Version:

Quasar mode:

• [x ] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

Tested on:

• [ x] SPA
• SSR
• PWA
• Electron
• Cordova
• Capacitor
• BEX

OS: Ubuntu 21.10 Node: 17.0.0 NPM: 8.1.0 Yarn: Browsers: iOS: Android: Electron:

Additional context Add any other context about the problem here.

[ldiebold]

Currently, this will happend if you’re on node 17 (latest node) Here is a workaround for the meantime: https://github.com/webpack/webpack/issues/14532#issuecomment-947012063

specifically…

export NODE_OPTIONS=--openssl-legacy-provider

You can add the above to package.json then run yarn dev or npm run dev

{
  "scripts": {
    "dev": "export NODE_OPTIONS=--openssl-legacy-provider && quasar dev"
  }
}

Having said that, it’s probably best to move to node 16 node odd version numbers are experimental and not supported by many frameworks (I believe this is the case with Quasar) node even version numbers are stable, and far less likely to cause issues

[milad4444]

@ldiebold thank you that worked for me