react-scripts fails to build project with Node 17 #11562

aghArdeshir · 2021-10-20T08:32:22Z

Describe the bug

we have a CRA app, it used to build with Node 14.x very fine, today I upgrade nodejs to 17.0.0 and it failed. (in both my local machine and the CI-CD machine)

And these were the logs:

> react-scripts build
Creating an optimized production build...
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 (/my-project/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/my-project/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/my-project/node_modules/webpack/lib/NormalModule.js:471:10)
    at /my-project/node_modules/webpack/lib/NormalModule.js:503:5
    at /my-project/node_modules/webpack/lib/NormalModule.js:358:12
    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at runSyncOrAsync (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at Array.<anonymous> (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
    at Storage.finished (/my-project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
    at /my-project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
/my-project/node_modules/react-scripts/scripts/build.js:19
  throw err;
  ^
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 (/my-project/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/my-project/node_modules/webpack/lib/NormalModule.js:417:16)
    at /my-project/node_modules/webpack/lib/NormalModule.js:452:10
    at /my-project/node_modules/webpack/lib/NormalModule.js:323:13
    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at /my-project/node_modules/babel-loader/lib/index.js:59:103 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.0.0
ERROR: Job failed: exit status 1

Did you try recovering your dependencies?

yes. in both local machine and CI-CD machine I re-installed all the dependencies

Which terms did you search for in User Guide?

I searched Google for error:0308010C:digital envelope routines::unsupported with and without the 0308010C part

Environment

current version of create-react-app: 4.0.3
  running from /home/.npm/_npx/34113/lib/node_modules/create-react-app

  System:
    OS: Linux 5.13 Ubuntu 21.10 21.10 (Impish Indri)
    CPU: (4) x64 Intel(R) Core(TM) i5-4460  CPU @ 3.20GHz
  Binaries:
    Node: 17.0.0 - /usr/bin/node
    Yarn: Not Found
    npm: 8.1.0 - /usr/bin/npm
  Browsers:
    Chrome: 95.0.4638.54
    Firefox: 93.0
  npmPackages:
    react: ^16.13.1 => 16.13.1 
    react-dom: ^16.13.1 => 16.13.1 
    react-scripts: ^4.0.3 => 4.0.3 
  npmGlobalPackages:
    create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

create new react app with create-react-app and node 14
do npm run build to see it builds completely fine
upgrade to node 17 and do npm run build again to see it fail

Expected behavior

to build flawlessly

Actual behavior

The build failed with errors printed above!

Note

I know that it is mostly not related to create-react-app, but another package, maybe webpack or it's dependencies. But as I cannot dig down, I write this issue here so the professionals can track it further.

Thanks

The text was updated successfully, but these errors were encountered:

Gnito · 2021-10-20T14:59:53Z

This looks like a relevant discussion related to this issue:
https://stackoverflow.com/questions/69394632/webpack-build-failing-with-err-ossl-evp-unsupported

niels-bosman · 2021-10-20T20:54:02Z

Having the same issue. Node 16.11.1 works but 17.0.0 and 17.0.1 are causing this error.

aghArdeshir · 2021-10-20T22:41:18Z

Yes @Gnito that's it I think. So it is probably either Webpack's to update something, or react-scripts' to change some config, right?

trashcoder · 2021-10-22T06:21:04Z

in your package.json:
change this line
"build": "react-scripts start",
to
"build": "react-scripts --openssl-legacy-provider build",

dantman · 2021-10-25T22:35:30Z

in your package.json:
change this line
"build": "react-scripts start",
to
"build": "react-scripts --openssl-legacy-provider build",

Doing this results in a bad option: --openssl-legacy-provider error in Node 16. So this isn't a workaround projects can actually use in their scripts unless they have absolute control over the version of Node everyone uses and can prohibit use of LTS versions by anyone.

The only real fix will likely be the release of CRA v5.

dantman · 2021-10-26T01:10:28Z

The only real fix will likely be the release of CRA v5.

Actually it seems that this won't necessarily fix the issue alone. WebPack does plan to change the default hash function in WebPack 6 but cannot change it in 4 or 5.

CRA needs to change the hashFunction and make a release. Though given CRA v4 hasn't received an update since Feb and CRA has other issues with Node 17 (#11565) I presume we'll only get that fix in CRA v5,

niels-bosman · 2021-11-01T14:22:28Z

Could be fixed by #11597

HADMARINE · 2021-11-01T22:38:25Z

Merged #11597 just before, and currently testing on local computer.

dantman · 2021-11-08T23:35:27Z

I tested out the @next version of CRA v5. It seems there may be some more work required in order to make Node 17 work.

I'm still getting this error but now it's due to CRA v5 still using file-loader. The implication in the WebPack thread on Node 17 is that file-loader is obsolete and the fix to file-loader breaking Node 17 is to not use file-loader because it's no longer supported.

We may need #11213 before CRA v5 will work on Node 17.

cburk2019 · 2021-12-02T17:51:09Z

On MBP w/M1, running Node v17, to run React with npm start I had to change my start script to "start": "react-scripts --openssl-legacy-provider start". But when I try to run npm run deploy, it reads "/opt/homebrew/Cellar/nvm/0.38.0/versions/node/v16.13.0/bin/node: bad option: --openssl-legacy-provider"

I tried "react-scripts --openssl-legacy-provider build" and it does not work. Switched to Node v16.13.0 and it works as it came upon initialization.

"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts build",

Pretty annoying, but hey, I've heard things change all the change in this industry and a few months from now, someone will see this comment and things will be different then as well.

KiraLT · 2021-12-21T09:54:03Z

If you need to support both 17 and older NodeJS versions you can use if-node-version to execute different commands for different NodeJS versions:

{
    "scripts": {
        "build": "if-node-version '>= 17' && react-scripts --openssl-legacy-provider build || react-scripts build",
    }
}

sorenhoyer · 2022-06-22T23:31:45Z

Looks like this has been fixed.

patbi · 2022-10-30T16:45:06Z

It work Thanks.

"scripts": {
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts --openssl-legacy-provider build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

linux019 · 2022-11-08T09:40:46Z

why not to pass to webpack config to use some modern hash function instead of deprecated md4 https://webpack.js.org/configuration/output/#outputhashfunction ?

aprilmintacpineda · 2023-02-20T07:01:52Z

CRA is now a tech debt.

Mussassa · 2023-02-22T07:07:36Z

It work Thanks.

"scripts": { "start": "react-scripts --openssl-legacy-provider start", "build": "react-scripts --openssl-legacy-provider build", "test": "react-scripts test", "eject": "react-scripts eject" },

Thanks Pat! That worked for me also.

MohibullahHABIBZAI · 2023-02-24T18:00:47Z

11562

Node 17 fixed a security issue related to crypto which is incompatible with the current default settings of webpack used via react-scripts. This is unfortunate and this change thus adds a special node commandline argument to make Node 17 use the previous behavior. Reference: facebook/create-react-app#11562

eladonline · 2023-07-17T09:53:11Z

for react-app-rewired use it like this
"start": "react-app-rewired --openssl-legacy-provider start ",

…OL is 2023-09-11 This does the following: * Add NODE_OPTIONS=--openssl-legacy-provider (not needed once we upgrade to react-scripts v5 or remove/replace react-scripts) * Only adds NODE_OPTIONS when run on node 18 or later * Performs frontend-code-test on node 18 * Does _not_ run backend_deploy/frontend_deploy with node 18. This can be changed via using cimg/python:3.10-node (versions after 3.10.8-node use node 18 instead of node 16) Node 16 EOL Notice: https://nodejs.org/en/blog/announcements/nodejs16-eol create-react-app --openssl-legacy-provider: facebook/create-react-app#11562 Signed-off-by: Taylor Smock <tsmock@meta.com>

Palinan1985 · 2023-09-13T18:48:43Z

Hell

guychou7 · 2023-10-27T01:50:17Z

I had the same issue with Node v18.13.0
Fix step:
install nvm
upgrade node version to 20.3.0 via cmd nvm install v20.0.3
do npm -v must be 9.6.7

Test again npm run build

Paulk58 · 2023-11-05T04:09:03Z

Kinding58 Wallet has been created successfully

Paulk58 · 2023-11-05T04:09:51Z

Kinding58 Wallet shall be used for various pi transactions

Paulk58 · 2023-11-05T04:10:15Z

It's done

Paulk58 · 2023-11-10T11:38:46Z

This is Paulk58 Netface Wallet created on 10th November 2023

Paulk58 · 2023-11-10T13:52:15Z

This is Paulk58 Whatsapp wallet re-created on 10 th November 2023

Paulk58 · 2023-11-10T13:53:11Z

This is Paulk58 Whatsapp wallet re-created on 10 November 2023

Roberthimmotta · 2024-01-11T15:01:32Z

Describe the bug

we have a CRA app, it used to build with Node 14.x very fine, today I upgrade nodejs to 17.0.0 and it failed. (in both my local machine and the CI-CD machine)

And these were the logs:


> react-scripts build

Creating an optimized production build...

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 (/my-project/node_modules/webpack/lib/util/createHash.js:135:53)

    at NormalModule._initBuildHash (/my-project/node_modules/webpack/lib/NormalModule.js:417:16)

    at handleParseError (/my-project/node_modules/webpack/lib/NormalModule.js:471:10)

    at /my-project/node_modules/webpack/lib/NormalModule.js:503:5

    at /my-project/node_modules/webpack/lib/NormalModule.js:358:12

    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:373:3

    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:214:10)

    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:221:10)

    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:236:3

    at runSyncOrAsync (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:130:11)

    at iterateNormalLoaders (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:232:2)

    at Array.<anonymous> (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:205:4)

    at Storage.finished (/my-project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)

    at /my-project/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9

/my-project/node_modules/react-scripts/scripts/build.js:19

  throw err;

  ^

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 (/my-project/node_modules/webpack/lib/util/createHash.js:135:53)

    at NormalModule._initBuildHash (/my-project/node_modules/webpack/lib/NormalModule.js:417:16)

    at /my-project/node_modules/webpack/lib/NormalModule.js:452:10

    at /my-project/node_modules/webpack/lib/NormalModule.js:323:13

    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:367:11

    at /my-project/node_modules/loader-runner/lib/LoaderRunner.js:233:18

    at context.callback (/my-project/node_modules/loader-runner/lib/LoaderRunner.js:111:13)

    at /my-project/node_modules/babel-loader/lib/index.js:59:103 {

  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],

  library: 'digital envelope routines',

  reason: 'unsupported',

  code: 'ERR_OSSL_EVP_UNSUPPORTED'

}

Node.js v17.0.0

ERROR: Job failed: exit status 1

Did you try recovering your dependencies?

yes. in both local machine and CI-CD machine I re-installed all the dependencies

Which terms did you search for in User Guide?

I searched Google for error:0308010C:digital envelope routines::unsupported with and without the 0308010C part

Environment


current version of create-react-app: 4.0.3

  running from /home/.npm/_npx/34113/lib/node_modules/create-react-app



  System:

    OS: Linux 5.13 Ubuntu 21.10 21.10 (Impish Indri)

    CPU: (4) x64 Intel(R) Core(TM) i5-4460  CPU @ 3.20GHz

  Binaries:

    Node: 17.0.0 - /usr/bin/node

    Yarn: Not Found

    npm: 8.1.0 - /usr/bin/npm

  Browsers:

    Chrome: 95.0.4638.54

    Firefox: 93.0

  npmPackages:

    react: ^16.13.1 => 16.13.1 

    react-dom: ^16.13.1 => 16.13.1 

    react-scripts: ^4.0.3 => 4.0.3 

  npmGlobalPackages:

    create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

create new react app with create-react-app and node 14
do npm run build to see it builds completely fine
upgrade to node 17 and do npm run build again to see it fail

Expected behavior

to build flawlessly

Actual behavior

The build failed with errors printed above!

Note

I know that it is mostly not related to create-react-app, but another package, maybe webpack or it's dependencies. But as I cannot dig down, I write this issue here so the professionals can track it further.

Thanks

See facebook/create-react-app#11562. react-scripts crashes without this option since Node v17. This version of Node was released in 2021, so it seems more than reasonable to add this change directly to package.json.

aghArdeshir added issue: bug report needs triage labels Oct 20, 2021

colinrobertbrooks mentioned this issue Oct 22, 2021

Housekeeping colinrobertbrooks/react-beautiful-dnd-test-utils#11

Merged

tango4567 mentioned this issue Oct 25, 2021

Webpack building failed with ERR_OSSL_EVP_UNSUPPORTED tango4567/solutions#41

Closed

DasSkelett mentioned this issue Nov 1, 2021

Bump node from 16 to 17 freifunkMUC/wg-access-server#15

Closed

HADMARINE mentioned this issue Nov 1, 2021

Webpack crashes on Node 17 #11595

Closed

ChristophNiehoff mentioned this issue Nov 3, 2021

Dockerfile uses --openssl-legacy-provider flag for node dehydr8/elevation-of-privilege#160

Closed

daaang mentioned this issue Nov 11, 2021

Incompatible with node 17 due to CRA 4 daaang/matts-list#14

Closed

DasSkelett mentioned this issue Nov 23, 2021

Switch over to nodejs 17 freifunkMUC/wg-access-server#22

Closed

ghost mentioned this issue Nov 26, 2021

React frontend server won't start with Node 17 datahub-project/datahub#3524

Closed

PaulB-H referenced this issue in PaulB-H/react-native-website Nov 30, 2021

docs: update node install to use nodejs-lts

f4cfcdc

PaulB-H mentioned this issue Nov 30, 2021

win/android docs: update node install to use nodejs-lts facebook/react-native-website#2869

Merged

nicholasrobertson mentioned this issue Dec 5, 2021

Error:0308010C:digital envelope routines::unsupported #11708

Open

nicarl mentioned this issue Dec 15, 2021

Dependency: Upgrade to node 17 opossum-tool/OpossumUI#272

Closed

ihollander mentioned this issue Dec 16, 2021

You need to specify which version of Node to use for this lab. learn-co-curriculum/react-hooks-react-app-example#11

Closed

KiraLT mentioned this issue Dec 21, 2021

Deployment on Heroku does not work when using 17 NodeJS KiraLT/torrent-stream-server#286

Closed

eduardoworrel pushed a commit to eduardoworrel/Onde-estou-no-Brasil that referenced this issue Jan 15, 2022

fix facebook/create-react-app#11562

60fe187

iannamkr mentioned this issue Nov 21, 2022

[Webpack] ERR_OSSL_EVP_UNSUPPORTED iannamkr/TIL#11

Open

brentvatne mentioned this issue Nov 25, 2022

Expo web not working on windows. ERR_OSSL_EVP_UNSUPPORTED expo/expo#19945

Closed

4ian mentioned this issue Dec 27, 2022

Incompatibility with Node.js v17+ 4ian/GDevelop#4756

Closed

tsmock mentioned this issue Sep 8, 2023

Add a temporary workaround to get building on Node 18 since Node 16 EOL is 2023-09-11 hotosm/tasking-manager#6053

Closed

hemslo mentioned this issue Sep 18, 2023

APPSRE-7775 bump nodejs to next lts app-sre/visual-qontract#194

Closed

react-scripts fails to build project with Node 17 #11562

react-scripts fails to build project with Node 17 #11562

Comments

aghArdeshir commented Oct 20, 2021

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Note

Gnito commented Oct 20, 2021

niels-bosman commented Oct 20, 2021

aghArdeshir commented Oct 20, 2021

trashcoder commented Oct 22, 2021 • edited Loading

dantman commented Oct 25, 2021

dantman commented Oct 26, 2021

niels-bosman commented Nov 1, 2021

HADMARINE commented Nov 1, 2021

dantman commented Nov 8, 2021

cburk2019 commented Dec 2, 2021 • edited Loading

KiraLT commented Dec 21, 2021

sorenhoyer commented Jun 22, 2022

patbi commented Oct 30, 2022 • edited Loading

linux019 commented Nov 8, 2022

aprilmintacpineda commented Feb 20, 2023

Mussassa commented Feb 22, 2023

MohibullahHABIBZAI commented Feb 24, 2023

eladonline commented Jul 17, 2023

Palinan1985 commented Sep 13, 2023

guychou7 commented Oct 27, 2023

Paulk58 commented Nov 5, 2023

Paulk58 commented Nov 5, 2023

Paulk58 commented Nov 5, 2023

Paulk58 commented Nov 10, 2023

Paulk58 commented Nov 10, 2023

Paulk58 commented Nov 10, 2023

Roberthimmotta commented Jan 11, 2024

Describe the bug

Did you try recovering your dependencies?

Which terms did you search for in User Guide?

Environment

Steps to reproduce

Expected behavior

Actual behavior

Note

trashcoder commented Oct 22, 2021 •

edited

Loading

cburk2019 commented Dec 2, 2021 •

edited

Loading

patbi commented Oct 30, 2022 •

edited

Loading