I am trying to create my first React Project.
I have opened the Terminal and installed: npx create-react-app
The installation went fine, but when I try to 'npm start' it opens chrome with a local host error where it says localhost refused to connect.
Here is what I see in the terminal:
Starting the development server...
/Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/react-scripts/scripts/start.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 (/Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/EgorUlybin/Desktop/Programming/React_Project/dojo-blog/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.1
MacBook-Pro:dojo-blog EgorUlybin$
I'm not sure what this means. Any ideas?
Related
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at BulkUpdateDecorator.hashFactory (D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\util\createHash.js:145:18) at BulkUpdateDecorator.update (D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\util\createHash.js:46:50) at OriginalSource.updateHash (D:\Destek\ViaExam Angular Updated\node_modules\webpack\node_modules\webpack-sources\lib\OriginalSource.js:104:8) at NormalModule._initBuildHash (D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\NormalModule.js:868:17) at handleParseResult (D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\NormalModule.js:934:10) at D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\NormalModule.js:1026:4 at processResult (D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\NormalModule.js:743:11) at D:\Destek\ViaExam Angular Updated\node_modules\webpack\lib\NormalModule.js:807:5 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }
I run the command ng serve but there is this error is coming up.
I need help in solving this error.
One of my friend facing this error while installing Age-Viewer.
Screenshots
Node.js v18.12.1
Starting the development server...
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 (D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:503:5
at D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:358:12
at D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
D:\workspace\tools\age-viewer\frontend\node_modules\react-scripts\scripts\start.js:19
throw err;
^
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 (D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:417:16)
at D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:452:10
at D:\workspace\tools\age-viewer\frontend\node_modules\webpack\lib\NormalModule.js:323:13
at D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (D:\workspace\tools\age-viewer\frontend\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at D:\workspace\tools\age-viewer\frontend\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 v18.12.1
ERROR: "front" exited with 1.
Desktop (please complete the following information):
OS: Windows
Browser: Microsoft Edge
Version: 108.0.1462.54
You can get Age-Viewer from: https://github.com/apache/age-viewer
Cannot start AGE Viewer 1.0.0-rc2, by following README.md.
According to Error message "error:0308010C:digital envelope routines::unsupported"
envelope-routinesunsupported , I added --openssl-legacy-provider in frontend/package.json script start, but didn't work.
To Reproduce
Steps to reproduce the behavior:
npm run setup
npm run start
Expected behavior
A clear and concise description of what you expected to happen.
I use Node.js v18.12.1
The given solutions are not specifically for Age-Viewer .
I found the solution as Age-Viewer is not supporting node greater then 14 therefore getting this error. If I installed the node js 14.16.0 it will work properly.
I created a react native app in vs code using command of npx create-expo-app appname and then run the project. After a while, I got this error. How can I sovle this?
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\Hp\Desktop\react_native\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\Hp\Desktop\react_native\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\Users\Hp\Desktop\react_native\node_modules\webpack\lib\NormalModule.js:471:10)
at C:\Users\Hp\Desktop\react_native\node_modules\webpack\lib\NormalModule.js:503:5
at C:\Users\Hp\Desktop\react_native\node_modules\webpack\lib\NormalModule.js:358:12
at C:\Users\Hp\Desktop\react_native\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\Hp\Desktop\react_native\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array. (C:\Users\Hp\Desktop\react_native\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\Users\Hp\Desktop\react_native\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\Users\Hp\Desktop\react_native\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at C:\Users\Hp\Desktop\react_native\node_modules\graceful-fs\graceful-fs.js:123: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'
}
Node.js v18.11.0
Some solutions suggest that the node version should be downgraded. So I tried it, but it did not work.
I am trying to open it using
npm run web
but it doesn't work instead it gives this error
some-random-app#1.0.0 web
> expo start --web
Starting project at C:\Users\surya\OneDrive\Desktop\react-native\some-random-app
Starting Metro Bundler
Starting Webpack on port 19006 in development mode.
‼ ｢wds｣: transportMode is an experimental option, meaning its usage could potentially change without warning
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:140:10)
at module.exports (C:\Users\surya\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (C:\Users\surya\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (C:\Users\surya\node_modules\webpack\lib\NormalModule.js:471:10)
at C:\Users\surya\node_modules\webpack\lib\NormalModule.js:503:5
at C:\Users\surya\node_modules\webpack\lib\NormalModule.js:358:12
at C:\Users\surya\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\surya\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (C:\Users\surya\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\Users\surya\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\Users\surya\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at C:\Users\surya\node_modules\graceful-fs\graceful-fs.js:123: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'
}
Node.js v19.3.0
how do i overcome this
i just want to open the developer menu of react
I worked react webapp in two different folders 'client'(frontend) and 'server'(backend)
on ec2 sever i cloned my project from git and start npm install in client folder.
then enter npm run build.
and finally i faced with error below.
i have no idea what is wrong with this error...
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 (/home/ec2-user/seezzle/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:471:10)
at /home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:503:5
at /home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:358:12
at /home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:236:3
at runSyncOrAsync (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
at iterateNormalLoaders (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at Array.<anonymous> (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:205:4)
at Storage.finished (/home/ec2-user/seezzle/client/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16)
at /home/ec2-user/seezzle/client/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9
/home/ec2-user/seezzle/client/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 (/home/ec2-user/seezzle/client/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:417:16)
at /home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:452:10
at /home/ec2-user/seezzle/client/node_modules/webpack/lib/NormalModule.js:323:13
at /home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/home/ec2-user/seezzle/client/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /home/ec2-user/seezzle/client/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'
}
Verify your Node version, is a LTS version 14.x.x
node --version
try to uninstall the current and install LTS https://nodejs.org/en/download/
try this command
export NODE_OPTIONS=--openssl-legacy-provider
I fixed it downgrading my node version to LTS. I was facing this issue in node.17X. When I downgraded to 16.12.0 LTS my problem is solved.