Error: error:0308010C:digital envelope routines::unsupported

실행한 명령어

npm run dev

일반적으로 LTS 버전은 안정적인 버전이므로 이러한 문제가 발생할 가능성은 상대적으로 적어야 하지만, 최신 LTS 버전인 Node.js v18.17.0에서도 해당 문제가 발생한다면, 해당 버전에서의 특정 컴파일러 또는 패키지 종속성과의 충돌일 수 있습니다.

> webpack-basic@1.0.0 dev
> webpack-dev-server --mode development

<i> [webpack-dev-server] Project is running at http://[::1]:8080/
<i> [webpack-dev-server] Content not from webpack is served from /Users/deokkeun/VSCODE/vue3-webpack-template
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at BulkUpdateDecorator.hashFactory (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/util/createHash.js:144:18)
    at BulkUpdateDecorator.update (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/util/createHash.js:46:50)
    at RawSource.updateHash (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack-sources/lib/RawSource.js:64:8)
    at NormalModule._initBuildHash (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:829:17)
    at handleParseResult (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:894:10)
    at /Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:985:4
    at processResult (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:716:11)
    at /Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:768:5
node:internal/crypto/hash:69
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:69:19)
    at Object.createHash (node:crypto:133:10)
    at BulkUpdateDecorator.hashFactory (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/util/createHash.js:144:18)
    at BulkUpdateDecorator.update (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/util/createHash.js:46:50)
    at RawSource.updateHash (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack-sources/lib/RawSource.js:64:8)
    at NormalModule._initBuildHash (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:829:17)
    at handleParseResult (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:894:10)
    at /Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:985:4
    at processResult (/Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:716:11)
    at /Users/deokkeun/VSCODE/vue3-webpack-template/node_modules/webpack/lib/NormalModule.js:768:5 {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.17.0

최신 LTS 버전인 경우,
LTS 버전 중 이슈가 발생하지 않는 이전 버전으로 다운그레이드 하여 에러를 해결할 수 있다.