npm run build 하고 발생하는 error:03000086

ERROR 

> npm run build

> es6-module@1.0.0 build
> webpack

node: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 Object.createHash (node:crypto:133:10)
    at module.exports (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\NormalModule.js:503:5       
    at C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\NormalModule.js:358:12      
    at C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\loader-runner\lib\LoaderRunner.js:373:3 
    at iterateNormalLoaders (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\loader-runner\lib\LoaderRunner.js:236:3 
    at context.callback (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\babel-loader\lib\index.js:44:71 {       
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'

해당 에러는 node.js 17버전 이상에서 발생하는 것 같다.

터미널에 해당 명령어 입력으로 해결 가능하다 

 

Windows command prompt-

set NODE_OPTIONS=--openssl-legacy-provider

Windows PowerShell-

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

참고 stackoverflow 

> npm run build



> es6-module@1.0.0 build
> webpack

Hash: 02a271b4944606fa8f34
Version: webpack 4.46.0
Time: 417ms
Built at: 2023. 03. 30. 오후 2:34:54
             Asset      Size  Chunks                   Chunk Names
    main.bundle.js  4.23 KiB       0  [emitted]        main
main.bundle.js.map  3.99 KiB       0  [emitted] [dev]  main
Entrypoint main = main.bundle.js main.bundle.js.map
[0] ./js/app.js 138 bytes {0} [built]
[1] ./js/math.js 45 bytes {0} [built]