인프런 커뮤니티 질문&답변

오 .. 자체 해결했는데요. node.js 버전 문제였습니다. node.js 버전이 너무 최신이라 deprecated 되는 부분이 있어서. 이전으로 돌려줘야하나봐요 .

https://stackoverflow.com/questions/74726224/opensslerrorstack-error03000086digital-envelope-routinesinitialization-e

윈도우 파워셀이면 아래 명령어 입력하고 npm run serve 하시면 실행 됩니다.

다른 분들께 도움이 되면 좋겠네요

$env:NODE_OPTIONS = "--openssl-legacy-provider"

최신 버전으로 올라오면서 강사님이 올려주신 브랜치가 호환이 안되는 것 같습니다.

아래 방법으로 해결 보았으니 함 해보세요.

1.set NODE_OPTIONS=--openssl-legacy-provider

2.$env:NODE_OPTIONS = "--openssl-legacy-provider"

3.npm install npm-check-updates

4.npm i react-scripts@latest

5.npm update

그리고 강의 브랜치 design-> common으로 들어가고 npm i 하셔야합니다.

저도 동일한 오류가 나는데, 혹시 해결하셨나요? 이 오류 때문에 우선 run serve가 되지 않는 상황입니다. 질문하신 분과 audit 오류 거의 똑같고요

 INFO  Starting development server...
(node:19552) [DEP0111] DeprecationWarning: Access to process.binding('http_parser') is deprecated.
(Use `node --trace-deprecation ...` to show where the warning was created)
 10% building 1/1 modules 0 activeError: 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 (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\util\createHash.js:90:53)
    at NormalModule._initBuildHash (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:401:16)
    at handleParseError (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:449:10)
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:481:5
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:342:12
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at runSyncOrAsync (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
    at iterateNormalLoaders (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at Array.<anonymous> (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:43:16)
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:79:9
 10% building 1/3 modules 2 active ...\node_modules\webpack\hot\dev-server.jsnode:internal/crypto/hash:71
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at module.exports (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\util\createHash.js:90:53)
    at NormalModule._initBuildHash (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:401:16)
    at handleParseError (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:449:10)
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:481:5
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\webpack\lib\NormalModule.js:342:12
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at Array.<anonymous> (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
    at Storage.finished (C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:43:16)
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:79:9
    at C:\Users\DIR-N-0153\Desktop\learnVue\PFV\design\design\common\node_modules\graceful-fs\graceful-fs.js:90:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
 

안녕하세요, audit이나 vurnerbility는 신경쓰지 않으셔도 됩니다. 최신 Node.js와 Vue CLI를 설치하시고 강의 따라가시면 됩니다 :)