angular router compile error 'ERR_OSSL_EVP_UNSUPPORTED'

[alanpurple]

Which @angular/* package(s) are the source of the bug?

router

Is this a regression?

No

Description

ng build compile error

Please provide a link to a minimal reproduction of the bug

ng build

Please provide the exception or error you saw

⠹ Generating browser application bundles (phase: building)...node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at BulkUpdateDecorator.hashFactory (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/util/createHash.js:145:18)
    at BulkUpdateDecorator.update (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/util/createHash.js:46:50)
    at RawSource.updateHash (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/node_modules/webpack-sources/lib/RawSource.js:77:8)
    at NormalModule._initBuildHash (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/NormalModule.js:880:17)
    at handleParseResult (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/NormalModule.js:946:10)
    at /mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/NormalModule.js:1040:4
    at processResult (/mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/NormalModule.js:755:11)
    at /mnt/data/repo/HyperAI/HyperAI/node_modules/webpack/lib/NormalModule.js:819:5 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

### Please provide the environment you discovered this bug in

```true
Angular CLI: 12.2.10
Node: 17.0.0 (Unsupported)
Package Manager: npm 8.1.0
OS: linux x64

Angular: 12.2.10
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1202.10
@angular-devkit/build-angular   12.2.10
@angular-devkit/core            12.2.10
@angular-devkit/schematics      12.2.10
@angular/flex-layout            12.0.0-beta.35
@schematics/angular             12.2.10
rxjs                            7.4.0
typescript                      4.3.5

### Anything else?

_No response_

[Julien-Marcou]

Probably related to webpack/webpack#14532

[JoostK]

Heya, Node 17 switches to use OpenSSL 3.0 which comes with some breaking changes, read more about it here. This affects webpack per webpack/webpack#14532 (thanks @Julien-Marcou for the link) and is not currently actionable to us. Please use a supported version of Node or apply some of the workarounds mentioned in webpack/webpack#14532.

[alanpurple]

@JoostK
I see, thanks for the explanation

[Suyashtnt]

its been fixed in webpack. When will it be fixed in the CLI?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}