Error on Expo React Native trying to start on web, how can i fix it? - react-native

Basically, when I create a new expo project and use npm run web it throws me this error and I can't find the solution, please help, thanks
it does works to open it with android, the problem is only running on web
Logs for your project will appear below. Press Ctrl+C to exit.
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 (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\webpack\lib\NormalModule.js:471:10)
at X:\DataYProgramas\ReactJS\expo4\openty\node_modules\webpack\lib\NormalModule.js:503:5
at X:\DataYProgramas\ReactJS\expo4\openty\node_modules\webpack\lib\NormalModule.js:358:12
at X:\DataYProgramas\ReactJS\expo4\openty\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array.<anonymous> (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (X:\DataYProgramas\ReactJS\expo4\openty\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at X:\DataYProgramas\ReactJS\expo4\openty\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at X:\DataYProgramas\ReactJS\expo4\openty\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.12.1

Which version of node.js you using, because for me is not working on latest(18.12.1) but working on 16.18.1, but on version 16.18.1 not working on ios

Related

when i starting my react app with `npm start` then i getting error :error: error:0308010c:digital envelope routines::unsupported at new hash

this is full error which getting in my terminal
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 (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\util\createHash.js:90:53)
at NormalModule._initBuildHash (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:386:16)
at handleParseError (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:434:10)
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:466:5
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:327:12
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at runSyncOrAsync (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
at iterateNormalLoaders (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array. (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
C:\Users\dell\Desktop\netflixxxxxxxx\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 (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\util\createHash.js:90:53)
at NormalModule._initBuildHash (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:386:16)
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:418:10
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\webpack\lib\NormalModule.js:293:13
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at C:\Users\dell\Desktop\netflixxxxxxxx\node_modules\babel-loader\lib\index.js:51:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v18.13.0

Unable to create a sketch plugin due to terminal errors

**I see the error below when I use the command npm run start **
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 (/Users/pavannandan/Desktop/Angle/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/pavannandan/Desktop/Angle/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/Users/pavannandan/Desktop/Angle/node_modules/webpack/lib/NormalModule.js:471:10)
at /Users/pavannandan/Desktop/Angle/node_modules/webpack/lib/NormalModule.js:503:5
at /Users/pavannandan/Desktop/Angle/node_modules/webpack/lib/NormalModule.js:358:12
at /Users/pavannandan/Desktop/Angle/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/Users/pavannandan/Desktop/Angle/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at iterateNormalLoaders (/Users/pavannandan/Desktop/Angle/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
at /Users/pavannandan/Desktop/Angle/node_modules/loader-runner/lib/LoaderRunner.js:236:3
at context.callback (/Users/pavannandan/Desktop/Angle/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/pavannandan/Desktop/Angle/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'
}
Node.js v18.12.1
Tried quick troubleshooting but still see the same error.

Why i don't npm run serve for vue

E:\HOC\HK3\Vue\demo>npm run serve
demo#0.1.0 serve
vue-cli-service serve
INFO Starting development server...
10% building 2/4 modules 2 active ...\webpack-dev-server\client\index.js?http://192.168.1.46:8080&sockPath=/sockjs-nodeError: 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 (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:471:10)
at E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:503:5
at E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:358:12
at E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
at E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:236:3
at runSyncOrAsync (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:130:11)
at iterateNormalLoaders (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
at Array. (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (E:\HOC\HK3\Vue\demo\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at E:\HOC\HK3\Vue\demo\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
10% building 2/5 modules 3 active ...emo\node_modules\eslint-loader\index.js??ref--14-0!E:\HOC\HK3\Vue\demo\src\main.jsnode: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 (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:471:10)
at E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:503:5
at E:\HOC\HK3\Vue\demo\node_modules\webpack\lib\NormalModule.js:358:12
at E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at Array. (E:\HOC\HK3\Vue\demo\node_modules\loader-runner\lib\LoaderRunner.js:205:4)
at Storage.finished (E:\HOC\HK3\Vue\demo\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)
at E:\HOC\HK3\Vue\demo\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:91:9
at E:\HOC\HK3\Vue\demo\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 v17.2.0

Unable to resolve module `stream`

This error starting showing up all of a sudden.
Node : v10.16.3
React native : 0.60.5
react-native-cli: 2.0.1
bundling failed: Error: Unable to resolve module stream from /Users/username/React Native/SampleApp/node_modules/browser-stdout/index.js: Module stream does not exist in the Haste module map
It's giving error for this line :
var WritableStream = require('stream').Writable
I tried installing 'stream' via npm
npm install stream
Then other similar errors started showing up.
One option is to use the client package readable-stream. If dependencies are requiring stream, then i would suggest adding the following to your babel config as well.
yarn add readable-stream
yarn add -D babel-plugin-rewrite-require
babel.config.js
module.exports = {
// rest of config
plugins: [
// other plugins
[
'babel-plugin-rewrite-require',
{
aliases: {
stream: 'readable-stream',
},
},
],
],
};
just install stream using npm install stream and run the project again.

React Packager 0.44.0

First of all I am new to react native platform and I am developing an app but I am facing one issue when I run my application after changes made in classes.
I am posting my logs below, Thank you for your help folks....
index.android.js (loads successfully but app do not run)
SyntaxError: Unexpected end of JSON input
at parse (<anonymous>)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
SyntaxError: Unexpected end of JSON input
at parse (<anonymous>)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
{
Error: write EPIPE
at _errnoException (util.js:1022:11)
at Socket._writeGeneric (net.js:767:25)
at Socket._write (net.js:786:8)
at doWrite (_stream_writable.js:387:12)
at writeOrBuffer (_stream_writable.js:373:5)
at Socket.Writable.write (_stream_writable.js:290:11)
at Socket.write (net.js:704:40)
at Socket.Writable.end (_stream_writable.js:553:10)
at Socket.end (net.js:496:31)
at Promise.resolve.then.then.then.catch.then.message
(E:\FinalDownload\takeawaymobileapp\node_modules\react-native\packager\src\Server\symbolicate\worker.js
:35:33) code: 'EPIPE', errno: 'EPIPE', syscall: 'write' }