how do i open the developer menu of react-native - node.js

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

Related

Error 'digital envelope' when starting 1.0.0-rc2 AGE Viewer

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.

Openssl error while running the React Native Project

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.

"npm run" fails with ERR_OSSL_EVP_UNSUPPORTED

I have an existing project which I lately installed on a new equipment.
It is a Laravel + vue project.
When I run npm run watch I get the following error:
> development
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
10% building 1/1 modules 0 active
webpack is watching the files…
10% building 1/3 modules 2 active ...er/index.js??ref--5-4!/var/www/node_modules/sass-loader/lib/loader.js??ref--5-5!/var/www/resources/sass/app.scssError: 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 (/var/www/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/var/www/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/var/www/node_modules/webpack/lib/NormalModule.js:471:10)
at /var/www/node_modules/webpack/lib/NormalModule.js:503:5
at /var/www/node_modules/webpack/lib/NormalModule.js:358:12
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:236:3
at runSyncOrAsync (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
at iterateNormalLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:186:6
at runSyncOrAsync (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:130:11)
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:178:3
at loadLoader (/var/www/node_modules/loader-runner/lib/loadLoader.js:47:3)
at iteratePitchingLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
at iteratePitchingLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:165:10)
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:188:6
at runSyncOrAsync (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:124:12)
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:178:3
at loadLoader (/var/www/node_modules/loader-runner/lib/loadLoader.js:47:3)
at iteratePitchingLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:169:2)
at runLoaders (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:365:2)
at NormalModule.doBuild (/var/www/node_modules/webpack/lib/NormalModule.js:295:3)
at NormalModule.build (/var/www/node_modules/webpack/lib/NormalModule.js:446:15)
at Compilation.buildModule (/var/www/node_modules/webpack/lib/Compilation.js:739:10)
at /var/www/node_modules/webpack/lib/Compilation.js:981:14
at /var/www/node_modules/webpack/lib/NormalModuleFactory.js:409:6
at /var/www/node_modules/webpack/lib/NormalModuleFactory.js:155:13
at AsyncSeriesWaterfallHook.eval [as callAsync] (eval at create (/var/www/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at /var/www/node_modules/webpack/lib/NormalModuleFactory.js:138:29
at /var/www/node_modules/webpack/lib/NormalModuleFactory.js:346:9
at processTicksAndRejections (node:internal/process/task_queues:78:11)
node:internal/crypto/hash:67
this[kHandle] = new _Hash(algorithm, xofLen);
^
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 (/var/www/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/var/www/node_modules/webpack/lib/NormalModule.js:417:16)
at /var/www/node_modules/webpack/lib/NormalModule.js:452:10
at /var/www/node_modules/webpack/lib/NormalModule.js:323:13
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /var/www/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/var/www/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /var/www/node_modules/babel-loader/lib/index.js:55:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
I am using Node.js v17.3.0, npm version 8.3.0, and webpack 4.41.4.
Node.js version 17 has switched to using OpenSSL 3.0. They advise:
While OpenSSL 3.0 APIs should be mostly compatible with those provided by OpenSSL 1.1.1, we do anticipate some ecosystem impact due to tightened restrictions on the allowed algorithms and key sizes.
If you hit an ERR_OSSL_EVP_UNSUPPORTED error in your application with Node.js 17, it’s likely that your application or a module you’re using is attempting to use an algorithm or key size which is no longer allowed by default with OpenSSL 3.0. A command-line option, --openssl-legacy-provider, has been added to revert to the legacy provider as a temporary workaround for these tightened restrictions.
This has been resolved in Webpack versions 5 and 6, but there are no plans to backport this fix to version 4.
To pass the --openssl-legacy-provider flag to Node, you can prefix your command with the environment variable assignment:
NODE_OPTIONS=--openssl-legacy-provider npm run watch
What worked for me (on Ubuntu 22.04) was adding this to the package.json file:
{
"scripts": {
"start": "react-scripts --openssl-legacy-provider start"
}
}
I found the complete answer in this article by Borislav Hadzhiev: Fix - error:0308010C:digital envelope routines::unsupported

I am trying to run npm start in my terminal, but it isn't working

I am trying to run npm start to begin a new React Project and it is not working. I have done this many times, but now I get the following error:
Starting the development server...
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/practice folder/React/routing/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:471:10)
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:503:5
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:358:12
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/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/practice folder/React/routing/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/EgorUlybin/Desktop/Programming/practice folder/React/routing/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.2.0
EgorUlybin#MacBook-Pro routing %
In the browser, the error message that I get is:
The site can't be reached
localhost refused to connect.
It's might be because of NodeJS version.
Downgrade your NodeJS version from Current (17) to LTS (16) version by nvm.
I have found a hack to fix this issue.
Simply create a new react app using yarn create-react-app my-app, then copy the node_modules folder and replace your previous React app node_modules file with it.

Localhost refused to connect with my 1st React Project

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?

Resources