Description
Hi Team,
I'm trying to update the react-native version from 0.64.0 to 0.77.0. I have updated the all configurations mentioned in the update helper but not able to run the project for web.
Im getting below error -
Starting the development server...
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:133:10)
at module.exports (D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:417:16)
at handleParseError (D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:471:10)
at D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:503:5
at D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:358:12
at D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:373:3
at iterateNormalLoaders (D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
at iterateNormalLoaders (D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
D:\React-Native Upgrade\Superman-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:69:19)
at Object.createHash (node:crypto:133:10)
at module.exports (D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\util\createHash.js:135:53)
at NormalModule._initBuildHash (D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:417:16)
at D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:452:10
at D:\React-Native Upgrade\Superman-Frontend\node_modules\webpack\lib\NormalModule.js:323:13
at D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:367:11
at D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:233:18
at context.callback (D:\React-Native Upgrade\Superman-Frontend\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
at D:\React-Native Upgrade\Superman-Frontend\node_modules\react-scripts\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.20.6
JDK- 17,
Yarn - 1.22.22
NVM - 0.39
Below is my package.json
{
"name": "Superman",
"version": "0.0.1",
"private": true,
"scripts": {
"ios": "react-native run-ios",
"start": "react-native start",
"web-start": "yarn env-dev && react-app-rewired start",
"web-start-sit": "yarn env-sit && react-app-rewired start",
"web-start-demo": "yarn env-demo && react-app-rewired start",
"web-start-dev1": "yarn env-dev1 && react-app-rewired start",
"web-start-dev3": "yarn env-dev3 && react-app-rewired start",
"web-start-uat4": "yarn env-uat4 && react-app-rewired start",
"web-start-qa": "yarn env-qa && react-app-rewired start",
"web-start-qa1": "yarn env-qa1 && react-app-rewired start",
"web-start-qa2": "yarn env-qa2 && react-app-rewired start",
"web-start-qa3": "yarn env-qa3 && react-app-rewired start",
"web-start-qa4": "yarn env-qa4 && react-app-rewired start",
"web-start-uat": "yarn env-uat && react-app-rewired start",
"web-start-uat3": "yarn env-uat3 && react-app-rewired start",
"web-start-houat": "yarn env-houat && react-app-rewired start",
"web-start-preprod": "yarn env-preprod && react-app-rewired start",
"web-start-prod": "yarn env-prod && react-app-rewired start",
"web-start-mnkint": "yarn env-mnkint && react-app-rewired start",
"web-build": "GENERATE_SOURCEMAP=false react-app-rewired build",
"web-test": "react-app-rewired test",
"test": "jest -u",
"coverage": "jest -u --coverage --silent --maxWorkers=100%",
"lint": "eslint .",
"env-static": "node setup-environment.js static",
"env-dev": "node setup-environment.js development",
"env-sit": "node setup-environment.js sit",
"env-demo": "node setup-environment.js demo",
"env-dev1": "node setup-environment.js development1",
"env-dev3": "node setup-environment.js development3",
"env-uat4": "node setup-environment.js uat4",
"env-uat3": "node setup-environment.js uat3",
"env-dev-web": "node setup-environment.js developmentWeb",
"env-qa": "node setup-environment.js qa",
"env-qa1": "node setup-environment.js qa1",
"env-qa2": "node setup-environment.js qa2",
"env-qa3": "node setup-environment.js qa3",
"env-qa4": "node setup-environment.js qa4",
"env-uat": "node setup-environment.js uat",
"env-preprod": "node setup-environment.js preprod",
"env-preuat": "node setup-environment.js preuat",
"env-performance": "node setup-environment.js performance",
"env-prod": "node setup-environment.js prod",
"env-staging": "node setup-environment.js staging",
"env-mnkint": "node setup-environment.js mnkint",
"rn-android": "react-native run-android --mode=devDebug",
"android": "yarn env-dev && yarn rn-android --mode=devDebug",
"android-demo": "yarn env-demo && yarn rn-android --mode=devDebug",
"android-sit": "yarn env-sit && yarn rn-android --mode=devDebug",
"android-dev1": "yarn env-dev1 && yarn rn-android --mode=devDebug",
"android-dev3": "yarn env-dev3 && yarn rn-android --mode=devDebug",
"android-uat4": "yarn env-uat4 && yarn rn-android --mode=uat4Debug",
"android-static": "yarn env-static && yarn rn-android --mode=devDebug",
"android-qa": "yarn env-qa && yarn rn-android --mode=qaDebug",
"android-qa1": "yarn env-qa1 && yarn rn-android --mode=qaDebug",
"android-qa2": "yarn env-qa2 && yarn rn-android --mode=qaDebug",
"android-qa3": "yarn env-qa3 && yarn rn-android --mode=qaDebug",
"android-qa4": "yarn env-qa4 && yarn rn-android --mode=qaDebug",
"android-uat": "yarn env-uat && yarn rn-android --mode=uatDebug",
"android-uat3": "yarn env-uat3 && yarn rn-android --mode=uat3Debug",
"android-houat": "yarn env-houat && yarn rn-android --mode=houatDebug",
"android-preprod": "yarn env-preprod && yarn rn-android --mode=preprodDebug",
"android-prod": "yarn env-prod && yarn rn-android --mode=prodDebug",
"android-performance": "yarn env-performance && yarn rn-android --mode=performanceDebug"
},
"dependencies": {
"@babel/plugin-proposal-export-namespace-from": "^7.18.9",
"@freakycoder/react-native-bounceable": "^1.0.3",
"@microsoft/applicationinsights-react-native": "^4.3.4",
"@microsoft/applicationinsights-web": "^3.3.4",
"@react-native-community/art": "^1.2.0",
"@react-native-community/async-storage": "^1.12.1",
"@react-native-community/blur": "^4.3.2",
"@react-native-community/checkbox": "^0.5.17",
"@react-native-community/datetimepicker": "3.5.2",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-community/netinfo": "11.4.1",
"@react-native-firebase/analytics": "^12.8.0",
"@react-native-firebase/app": "^12.8.0",
"@react-native-firebase/crashlytics": "^12.7.5",
"@react-native-voice/voice": "^3.2.0",
"@react-navigation/native": "^6.0.2",
"@react-navigation/stack": "^6.0.7",
"@reduxjs/toolkit": "^1.4.0",
"axios": "^0.21.1",
"axios-mock-adapter": "^1.19.0",
"babel-plugin-transform-remove-console": "^6.9.4",
"buffer": "^6.0.3",
"dayjs": "^1.10.4",
"exceljs": "^4.4.0",
"expo-local-authentication": "^11.0.2",
"firebase": "^9.1.0",
"i18n-js": "^3.8.0",
"jail-monkey": "^2.6.0",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.8.1",
"jwt-decode": "^3.1.2",
"localstorage-polyfill": "^1.0.1",
"lodash.clonedeep": "^4.5.0",
"lodash.memoize": "^4.1.2",
"lodash.merge": "^4.6.2",
"lodash.throttle": "^4.1.1",
"memoize-one": "^6.0.0",
"moment": "^2.29.4",
"nanoid": "^3.1.23",
"native-base": "^3.4.25",
"normalizr": "^3.6.1",
"number-to-words": "^1.2.4",
"prop-types": "^15.8.1",
"query-string": "^7.0.0",
"react": "18.3.1",
"react-datepicker": "^4.24.0",
"react-dom": "18.2.0",
"react-file-viewer": "^1.2.1",
"react-native": "0.77.0",
"react-native-animated-radio-button": "^2.0.6",
"react-native-app-auth": "^6.2.0",
"react-native-autocomplete-dropdown": "^1.1.4",
"react-native-autocomplete-input": "^5.0.2",
"react-native-background-timer": "^2.4.1",
"react-native-calendars": "^1.1260.0",
"react-native-collapsible": "^1.6.0",
"react-native-datepicker": "^1.7.2",
"react-native-device-info": "^8.5.1",
"react-native-document-picker": "^8.2.0",
"react-native-dropdown-picker": "^5.4.2",
"react-native-element-dropdown": "2.3.1",
"react-native-elements": "^3.4.3",
"react-native-exit-app": "^1.1.0",
"react-native-file-viewer": "^2.1.4",
"react-native-final-tree-view": "^3.0.0",
"react-native-fs": "^2.20.0",
"react-native-gesture-handler": "^1.10.3",
"react-native-html-to-pdf": "^0.12.0",
"react-native-keychain": "^7.0.0",
"react-native-localize": "^2.1.0",
"react-native-modal-dropdown": "^1.0.2",
"react-native-outside-press": "^1.1.0",
"react-native-paper": "4.12.8",
"react-native-paper-dropdown": "2.3.1",
"react-native-permissions": "^3.0.5",
"react-native-popable": "^0.4.3",
"react-native-progress": "^4.1.2",
"react-native-push-notification": "^7.4.0",
"react-native-reanimated": "^2.1.0",
"react-native-restart": "^0.0.24",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "^3.2.0",
"react-native-select-dropdown": "1.8.0",
"react-native-splash-screen": "rishabhbhatia/react-native-splash-screen",
"react-native-svg": "12.1.1",
"react-native-swipe-list-view": "^3.2.7",
"react-native-swiper-flatlist": "^3.0.14",
"react-native-tab-view": "^2.16.0",
"react-native-table-component": "^1.2.2",
"react-native-toast-message": "^1.4.9",
"react-native-uuid": "^2.0.1",
"react-native-vector-icons": "^10.2.0",
"react-native-version-info": "^1.1.0",
"react-native-view-pdf": "^0.14.0",
"react-native-walkthrough-tooltip": "^1.5.0",
"react-native-web": "^0.19.13",
"react-native-webview": "^13.13.1",
"react-native-zip-archive": "^6.0.3",
"react-outside-click-handler": "^1.3.0",
"react-redux": "^7.2.4",
"react-tiny-popover": "^7.0.1",
"react-toastify": "^7.0.4",
"realm": "11.5.2",
"redux": "^4.1.0",
"redux-saga": "^1.1.3",
"rn-fetch-blob": "^0.12.0",
"use-file-picker": "^1.6.1",
"victory": "^35.9.3",
"victory-native": "^35.3.3",
"xlsx": "^0.18.5"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "15.0.1",
"@react-native-community/cli-platform-android": "15.0.1",
"@react-native-community/cli-platform-ios": "15.0.1",
"@react-native/babel-preset": "0.77.0",
"@react-native/eslint-config": "0.77.0",
"@react-native/metro-config": "0.77.0",
"@react-native/typescript-config": "0.77.0",
"@types/jest": "^29.5.13",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"jest": "26.6.0" ,
"prettier": "2.8.8",
"react-test-renderer": "18.3.1",
"typescript": "5.0.4",
"@babel/plugin-proposal-class-properties": "^7.13.0",
"@babel/plugin-transform-modules-commonjs": "^7.14.0",
"@react-native-community/eslint-config": "^2.0.0",
"@testing-library/react-native": "^7.2.0",
"babel-jest": "^26.6.3",
"babel-plugin-module-resolver": "^4.1.0",
"babel-plugin-transform-remove-console": "^6.9.4",
"customize-cra": "^1.0.0",
"eslint-import-resolver-babel-module": "^5.3.1",
"eslint-plugin-import": "^2.22.1",
"husky": "4",
"lint-staged": "^11.0.0",
"mockdate": "^3.0.5",
"patch-package": "^6.4.7",
"postinstall-postinstall": "^2.1.0",
"react-app-rewired": "^2.1.8",
"react-scripts": "^4.0.3",
"redux-mock-store": "^1.5.4",
"shx": "^0.3.3"
},
"engines": {
"node": ">=16"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"src/**/*.js": [
"prettier src --write",
"eslint src --fix",
"yarn test"
]
}
}
I want to run
yarn web-start-prod
It is working fine for react-native 0.64.0