Cannot build examples with openssl 3.0

[jasongrout]

Description

After installing openssl 3.0 through conda-forge, when I run yarn run build:examples, I get the following error from webpack. I think this is a very similar error to what @blink1073 has been working through in JupyterLab, with there being problems with webpack and the openssl 3.0 package from conda-forge.

% yarn run build:examples                                                                                        composition
yarn run v1.22.15
$ lerna run build --scope "@lumino/example-*" --concurrency 1
lerna notice cli v4.0.0
lerna info versioning independent
lerna notice filter including "@lumino/example-*"
lerna info filter [ '@lumino/example-*' ]
lerna info Executing command in 4 packages: "yarn run build"
lerna ERR! yarn run build exited 1 in '@lumino/example-accordionpanel'
lerna ERR! yarn run build stdout:
$ tsc && webpack
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
lerna ERR! yarn run build stderr:
/[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:114
			throw e;
			^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:130:10)
    at module.exports (/[snip]/lumino/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/[snip]/lumino/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/[snip]/lumino/node_modules/webpack/lib/NormalModule.js:471:10)
    at /[snip]/lumino/node_modules/webpack/lib/NormalModule.js:503:5
    at /[snip]/lumino/node_modules/webpack/lib/NormalModule.js:358:12
    at /[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at context.callback (/[snip]/lumino/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at processMap (/[snip]/lumino/node_modules/source-map-loader/index.js:109:3)
    at /[snip]/lumino/node_modules/source-map-loader/index.js:105:5
    at /[snip]/lumino/node_modules/source-map-loader/node_modules/async/dist/async.js:1140:9
    at /[snip]/lumino/node_modules/source-map-loader/node_modules/async/dist/async.js:473:16
    at iteratorCallback (/[snip]/lumino/node_modules/source-map-loader/node_modules/async/dist/async.js:1064:13)
    at /[snip]/lumino/node_modules/source-map-loader/node_modules/async/dist/async.js:969:16
    at /[snip]/lumino/node_modules/source-map-loader/node_modules/async/dist/async.js:1137:13
    at /[snip]/lumino/node_modules/source-map-loader/index.js:89:7
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
error Command failed with exit code 1.
lerna ERR! yarn run build exited 1 in '@lumino/example-accordionpanel'
lerna WARN complete Waiting for 1 child process to exit. CTRL-C to exit immediately.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Reproduce

1. Install openssl 3.0 from conda-forge
2. run yarn install, yarn run build, yarn run build:examples

Expected behavior

Build to work

Context

• Operating System and version: macOS Catalina

[blink1073]

Yes, this is the same bug as jupyterlab/jupyterlab#11248, and the same options apply here: add the same workaround as we did in notebook, or upgrade webpack to 5.54+ and use output.hashFunction and replace any usage of file/raw/url loader with asset modules.