Build-Process fail

[blackerking]

`DEPRECATED: The legacy builder is deprecated and will be removed in a future release.
Install the buildx component to build images with BuildKit:
https://docs.docker.com/go/buildx/

Sending build context to Docker daemon 1.283MB
Step 1/12 : FROM node:lts as react-build
lts: Pulling from library/node
a492eee5e559: Pull complete
32b550be6cb6: Pull complete
35af2a7690f2: Pull complete
7576b00d9bb1: Pull complete
eff108ca6463: Pull complete
07a3aea1964d: Pull complete
495fdfe8e444: Pull complete
8a0c646a09aa: Pull complete
Digest: sha256:5145c882f9e32f07dd7593962045d97f221d57a1b609f5bf7a807eb89deff9d6
Status: Downloaded newer image for node:lts
---> 7c40f0070f1a
Step 2/12 : WORKDIR /app
---> Running in 9bbb45768b9b
---> Removed intermediate container 9bbb45768b9b
---> 14e126925635
Step 3/12 : COPY . ./
---> e2260e679766
Step 4/12 : RUN yarn
---> Running in 1e11cf9d03a4
yarn install v1.22.22
[1/4] Resolving packages...
[2/4] Fetching packages...
warning mini-css-extract-plugin@0.5.0: Invalid bin field for "mini-css-extract-plugin".
warning url-loader@1.1.2: Invalid bin field for "url-loader".
[3/4] Linking dependencies...
warning " > less-loader@6.1.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
warning " > rc-slider@9.5.4" has incorrect peer dependency "react@>=16.9.0".
warning " > rc-slider@9.5.4" has incorrect peer dependency "react-dom@>=16.9.0".
warning "rc-slider > rc-tooltip > rc-trigger > rc-motion@2.3.3" has incorrect peer dependency "react@>=16.9.0".
warning "rc-slider > rc-tooltip > rc-trigger > rc-motion@2.3.3" has incorrect peer dependency "react-dom@>=16.9.0".
warning "react-scripts > @typescript-eslint/eslint-plugin@1.6.0" has unmet peer dependency "typescript@".
warning "react-scripts > @typescript-eslint/parser@1.6.0" has unmet peer dependency "typescript@".
warning "react-scripts > @typescript-eslint/eslint-plugin > @typescript-eslint/typescript-estree@1.6.0" has unmet peer dependency "typescript@*".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.10.0" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev".
warning "webpack-multiple-themes-compile > css-loader@1.0.1" has unmet peer dependency "webpack@^4.0.0".
warning "webpack-multiple-themes-compile > less-loader@4.1.0" has unmet peer dependency "webpack@^2.0.0 || ^3.0.0 || ^4.0.0".
warning "webpack-multiple-themes-compile > mini-css-extract-plugin@0.9.0" has unmet peer dependency "webpack@^4.4.0".
[4/4] Building fresh packages...
Done in 22.77s.

---> Removed intermediate container 1e11cf9d03a4
---> 1e8cd3402e4c
Step 5/12 : RUN yarn build
---> Running in 975791bcd1c0
yarn run v1.22.22
$ (rm -r src/less || true ) && (cp themes.config.js src/themes.config.js) && react-app-rewired build
rm: cannot remove 'src/less': No such file or directory
Valid themes found.
webpack-multiple-themes-compile: Generate /app/src/less/themes/lightOrange.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/darkOrange.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/lightBlue.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/darkBlue.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/lightGreen.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/darkGreen.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/lightGrey.less Succeed.
webpack-multiple-themes-compile: Generate /app/src/less/themes/darkGrey.less Succeed.
(node:39) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
(Use node --trace-deprecation ... to show where the warning was created)
Creating an optimized production build...
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:79:19)
at Object.createHash (node:crypto:139:10)
at module.exports (/app/node_modules/webpack/lib/util/createHash.js:90:53)
at NormalModule._initBuildHash (/app/node_modules/webpack/lib/NormalModule.js:401:16)
at handleParseError (/app/node_modules/webpack/lib/NormalModule.js:449:10)
at /app/node_modules/webpack/lib/NormalModule.js:481:5
at /app/node_modules/webpack/lib/NormalModule.js:342:12
at /app/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/app/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/app/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /app/node_modules/loader-runner/lib/LoaderRunner.js:236:3
at runSyncOrAsync (/app/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
at iterateNormalLoaders (/app/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at Array. (/app/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:43:16)
at /app/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:79:9
(node:39) [DEP0060] DeprecationWarning: The util._extend API is deprecated. Please use Object.assign() instead.
/app/node_modules/react-scripts/scripts/build.js:19
throw err;
^

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:79:19)
at Object.createHash (node:crypto:139:10)
at module.exports (/app/node_modules/webpack/lib/util/createHash.js:90:53)
at NormalModule._initBuildHash (/app/node_modules/webpack/lib/NormalModule.js:401:16)
at /app/node_modules/webpack/lib/NormalModule.js:433:10
at /app/node_modules/webpack/lib/NormalModule.js:308:13
at /app/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /app/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/app/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /app/node_modules/react-scripts/node_modules/babel-loader/lib/index.js:51:103
at process.processTicksAndRejections (node:internal/process/task_queues:105:5) {
opensslErrorStack: [
'error:03000086:digital envelope routines::initialization error',
'error:0308010C:digital envelope routines::unsupported'
],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v22.13.1
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
The command '/bin/sh -c yarn build' returned a non-zero code: 1`

[starlingfire]

@blackerking this error is an incompatibility between older Webpack / react-scripts versions and newer Node.js (v17+). This app uses react-scripts 3.0.1 (of the webpack 4 era), and so it uses legacy hashing algorithms (MD4). Node 17+ (including Node 20) uses OpenSSL 3, which disables those algorithms by default, which is why we get:

ERR_OSSL_EVP_UNSUPPORTED

I was able to resolve this by adding a line to the dockerfile between the FROM and WORKDIR lines:

ENV NODE_OPTIONS=--openssl-legacy-provider

So the full dockerfile looks like:

# Stage 1 - build
FROM node:20-alpine AS react-build
ENV NODE_OPTIONS=--openssl-legacy-provider
WORKDIR /app
COPY package.json yarn.lock ./
RUN yarn install --frozen-lockfile
COPY . ./
RUN yarn build

# Stage 2 - production
FROM nginx:1.25-alpine
ENV NODE_ENV="production"
COPY --from=react-build /app/build /usr/share/nginx/html
RUN rm /etc/nginx/conf.d/default.conf
COPY nginx.conf /etc/nginx/conf.d
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

This is obviously not the best approach for getting this built, as the package.json should be modified to use the latest working dependencies, and non-legacy hashing functions. But given the last commit was 6 years ago, I don't see that happening.