[React] Error: error:0308010C:digital envelope routines::unsupported

문제 발생

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:80:19)
at Object.createHash (node:crypto:139:10)
at module.exports (/Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/minari1505/PycharmProjects/React/pre_test/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/minari1505/PycharmProjects/React/pre_test/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/minari1505/PycharmProjects/React/pre_test/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/minari1505/PycharmProjects/React/pre_test/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/minari1505/PycharmProjects/React/pre_test/node_modules/babel-loader/lib/index.js:59:103 {
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 v21.7.3

 

평소와 같이 'npm start' 로 웹페이지 실행시켰는데 다음과 같은 에러가 발생했다.

 

문제 해결

참고문서

https://www.freecodecamp.org/news/error-error-0308010c-digital-envelope-routines-unsupported-node-error-solved/

 

React 버전이 5.0.0보다 낮아서 생긴 문제였다. (오늘 새벽까지만 해도 잘됐는데 왜..?)

 

React 버전을 5.0.0 이상으로 업그레이드했다.

npm install --save --save-exact react-scripts@5.0.0
npm cache clean --force
npm install

 

업그레이드 후 "package.json"에서 "react-scripts"를 확인하면 5.0.0 이상인 것을 볼 수 있다.

react-scripts : 5.0.0 으로 업그레이드 됨을 확인함