Unable to build on latest NodeJS LTS

• Check if updating to the latest Preact version resolves the issue

Describe the bug At latest NodeJS LTS version, getting following error:

> preact build --no-prerender

 Build  [==                  ] 10% (0.1s) building✖ ERROR 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 (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at context.callback (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/babel-loader/lib/index.js:59:71

I tried resolving it according to recommendation of webpack, by adding inside preact.config.js:

config.output["hashFunction"] = "xxhash64"

which leads to the next error:

 Build  [==                  ] 10% (0.1s) building✖ ERROR Error: Digest method not supported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:471:10)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:503:5
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/webpack/lib/NormalModule.js:358:12
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at context.callback (/Users/ajwah/al-mabsut/haidh-guide-app/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /Users/ajwah/al-mabsut/haidh-guide-app/node_modules/babel-loader/lib/index.js:59:71

which is on account of the fact that xxhash64 is a webpack specifc implementation.

Considering that preact is based on webpack; I would have expected the above to just work.

To Reproduce

• In an existing preact project, upgrade to latest NodeJS LTS
• execute build: preact build --no-prerender

Expected behavior What should have happened when following the steps above?

[Ajwah]

Just wanted to update this issue for future posterity with a more elegant solution. In preact.config.js just add at the top:

const crypto = require("crypto");

/**
 * md4 algorithm is not available anymore in NodeJS 17+ (because of lib SSL 3).
 * In that case, silently replace md4 by md5 algorithm.
 */
try {
  crypto.createHash('md4');
} catch (e) {
  console.warn('Crypto "md4" is not supported anymore by this Node version');
  const origCreateHash = crypto.createHash;
  crypto.createHash = (alg, opts) => {
    return origCreateHash(alg === 'md4' ? 'md5' : alg, opts);
  };
}

Source

[rschristian]

Ah; I overlooked this. They have the xxhash64 fix only for v5:

I evidently did too! That makes more sense.

So yeah; since you all are diligently busy with the migration to webpack v5

I wouldn’t say that – it’s been started, but isn’t going anywhere fast. Part due to lack of time, part due to Webpack feeling quite like legacy tech, especially now that Sokra and co. have created an actual spiritual successor. It’s hard to justify spending my time at this point (as that PR shows, it’s been only my time) when so many better options exist, albeit with a migration cost attached.