React native iOS release EAS build crashing - ios

I created a build with this procedure: https://docs.expo.dev/build/setup/, so another developer installed the build on his physical device and the app crashed after splash screen, so, in order to debug it, I created a release build to run on iOS simulator (as I don't have an iPhone - physical device) with this procedure: https://docs.expo.dev/build-reference/simulators/, the build succeeded and I downloaded the app and installed in on to my iOS simulator by drag-drop, the same thing happened, it crashed after splash screen (with no error logs as usual) just a Problem report for myProjectName...
Upon further investigation, I used the console in macOS and launched the app, and when the app crashed, I captured the error which was: Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'j.Constants') but now, when I searched the internet, I got nothing related to this error.
package.json:
{
"name": "social-app",
"version": "0.2.14",
"license": "UNLICENSED",
"repository": {
"type": "git",
"url": "https://github.com/MyRepo/social-app.git"
},
"scripts": {
"start": "expo start --dev-client",
"metro": "react-native start",
"android": "react-native run-android",
"ios": "react-native run-ios",
"web": "expo start --web",
"eject": "expo eject",
"clean": "yarn cache clean",
"test": "jest --watchAll",
},
"jest": {
"preset": "jest-expo"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"src/**/*.{js,jsx}": [
"eslint --ignore-path .gitignore . --fix"
]
},
"dependencies": {
"#expo-google-fonts/montserrat": "^0.2.2",
"#expo/metro-config": "^0.3.11",
"#expo/vector-icons": "^12.0.0",
"#firebase/auth-types": "^0.11.0",
"#firebase/firestore-types": "^2.5.0",
"#react-native-async-storage/async-storage": "~1.15.0",
"#react-native-community/hooks": "^2.8.1",
"#react-native-community/netinfo": "7.1.3",
"#react-native-community/progress-bar-android": "^1.0.4",
"#react-native-community/progress-view": "^1.3.1",
"#react-native-community/push-notification-ios": "^1.10.1",
"#react-native-firebase/app": "^14.5.0",
"#react-native-firebase/auth": "^14.5.1",
"#react-native-firebase/firestore": "^14.5.0",
"#react-native-firebase/functions": "^14.7.0",
"#react-native-firebase/messaging": "^14.5.0",
"#react-native-firebase/storage": "^14.7.0",
"#react-native-masked-view/masked-view": "0.2.6",
"#react-native-picker/picker": "2.2.1",
"#react-native-seoul/masonry-list": "^1.1.4",
"#react-navigation/bottom-tabs": "^6.2.0",
"#react-navigation/core": "^6.1.1",
"#react-navigation/drawer": "^6.3.1",
"#react-navigation/material-top-tabs": "^6.1.1",
"#react-navigation/native": "^6.0.8",
"#react-navigation/native-stack": "^6.6.2",
"#react-navigation/stack": "^6.1.1",
"#redux-devtools/extension": "^3.2.2",
"#segment/analytics-react-native": "^2.1.9",
"#segment/sovran-react-native": "^0.2.6",
"#sentry/react": "^6.18.1",
"#sentry/react-native": "^3.2.13",
"babel-plugin-inline-dotenv": "^1.6.0",
"buffer": "^6.0.3",
"dotenv": "^16.0.0",
"expo": ">=44.0.0-0 <45.0.0",
"expo-app-loading": "~1.3.0",
"expo-asset": "~8.4.6",
"expo-av": "~10.2.0",
"expo-camera": "~12.1.2",
"expo-constants": "~13.0.1",
"expo-contacts": "~10.1.0",
"expo-crypto": "~10.1.1",
"expo-dev-client": "~0.8.6",
"expo-device": "~4.1.0",
"expo-document-picker": "~10.1.3",
"expo-file-system": "~13.1.4",
"expo-font": "~10.0.4",
"expo-gl": "~11.1.1",
"expo-gl-cpp": "~11.1.0",
"expo-haptics": "~11.1.0",
"expo-image-manipulator": "~10.2.0",
"expo-image-picker": "~12.0.1",
"expo-intent-launcher": "~10.1.0",
"expo-linear-gradient": "~11.0.3",
"expo-media-library": "~14.0.0",
"expo-notifications": "~0.14.0",
"expo-sharing": "~10.1.0",
"expo-splash-screen": "~0.14.1",
"expo-status-bar": "~1.2.0",
"expo-updates": "~0.11.7",
"expo-video-thumbnails": "~6.1.0",
"formik": "^2.2.9",
"gl-react": "^5.0.0",
"gl-react-expo": "^5.0.0",
"libphonenumber-js": "^1.9.49",
"lodash-es": "^4.17.21",
"lottie-ios": "^3.2.3",
"lottie-react-native": "5.0.1",
"moment": "^2.29.1",
"react": "17.0.1",
"react-devtools": "^4.24.3",
"react-devtools-core": "^4.24.3",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-android-keyboard-adjust": "^1.2.0",
"react-native-color-matrix-image-filters": "^5.2.10",
"react-native-device-country": "^1.0.2",
"react-native-draggable-flatlist": "^3.0.6",
"react-native-fast-image": "^8.5.11",
"react-native-fs": "^2.19.0",
"react-native-gesture-handler": "~2.1.0",
"react-native-get-random-values": "~1.7.0",
"react-native-gifted-chat": "^0.16.3",
"react-native-hide-with-keyboard": "^1.2.1",
"react-native-image-crop-picker": "^0.37.3",
"react-native-image-picker": "^4.7.3",
"react-native-image-viewing": "^0.2.2",
"react-native-keychain": "^8.0.0",
"react-native-pager-view": "5.4.9",
"react-native-paper": "^4.11.2",
"react-native-push-notification": "^8.1.1",
"react-native-reanimated": "~2.3.1",
"react-native-root-toast": "^3.3.0",
"react-native-safe-area-context": "3.3.2",
"react-native-screens": "~3.10.1",
"react-native-svg": "12.1.1",
"react-native-tab-view": "^3.1.1",
"react-native-vector-icons": "^9.1.0",
"react-native-video-processing": "^2.0.0",
"react-native-view-shot": "3.1.2",
"react-native-web": "0.17.1",
"react-native-webview": "11.15.0",
"react-redux": "^7.2.6",
"react-redux-firebase": "^3.11.0",
"realm": "^10.13.0",
"reanimated-bottom-sheet": "^1.0.0-alpha.22",
"redux": "^4.1.2",
"redux-firestore": "^1.0.0",
"sentry-expo": "^4.1.0",
"stream-chat-expo": "^4.3.1",
"yup": "^0.32.11"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
"#babel/plugin-proposal-optional-chaining": "^7.16.7",
"#babel/plugin-transform-arrow-functions": "^7.16.7",
"#babel/plugin-transform-shorthand-properties": "^7.16.7",
"#babel/plugin-transform-template-literals": "^7.16.7",
"#babel/preset-typescript": "^7.16.7",
"#babel/runtime": "^7.12.5",
"#firebase/app-types": "^0.7.0",
"#react-native-community/eslint-config": "^2.0.0",
"#semantic-release/changelog": "^5.0.1",
"#semantic-release/git": "^9.0.0",
"#types/lodash-es": "^4.17.4",
"#types/react": "^17.0.21",
"#types/react-dom": "^17.0.17",
"#types/react-native": "^0.64.3",
"#types/react-native-vector-icons": "^6.4.6",
"#types/react-navigation": "^3.4.0",
"#types/react-redux": "^7.1.15",
"#types/uuid": "^8.3.0",
"#types/yup": "^0.29.11",
"babel-jest": "^26.6.3",
"babel-preset-expo": "9.0.2",
"eslint": "^7.17.0",
"eslint-config-prettier": "^7.1.0",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-simple-import-sort": "^7.0.0",
"husky": "^4.3.6",
"jest": "^26.6.3",
"jest-expo": "^44.0.0",
"lint-staged": "^10.5.3",
"metro-react-native-babel-preset": "^0.64.0",
"patch-package": "^6.4.7",
"postinstall-postinstall": "^2.1.0",
"prettier": "^2.2.1",
"prettier-eslint": "^15.0.0",
"react-test-renderer": "17.0.1",
"semantic-release": "^17.3.7",
"typescript": "~4.3.5"
},
"resolutions": {
"react-devtools": "4.24.3",
"react-devtools-core": "4.24.3"
},
"private": true,
"publishConfig": {
"access": "restricted"
}
}
So, can someone please help me how can I find the root cause for this? As the app is working as expected in debug mode...

Related

TypeError: property is not configurable, js engine: hermes

spent ages on this error today and cannot figure it out at all.
It was working fine and then I installed nativewind
Now, I keep getting the following errors after running npm run ios:
Invariant Violation: Failed to call into JavaScript module method AppRegistry.runApplication().
Module has not been registered as callable.
Registered callable JavaScript modules (n = 11):
Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter,
RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.
A frequent cause of the error is that the application entry file path is incorrect.
This can also happen when the JS bundle is corrupt or there is an
early initialization error when loading React Native., js engine: hermes
My babel.config.js:
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: ['nativewind/babel', 'react-native-reanimated/plugin'],
};
My package.json:
{
"name": "myapp",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios --simulator='iPhone 13'",
"start": "react-native start",
"test": "jest",
"lint": "eslint . --ext .js,.jsx,.ts,.tsx",
"link": "react-native link"
},
"dependencies": {
"#eva-design/eva": "^2.1.1",
"#react-native-async-storage/async-storage": "^1.17.10",
"#react-native-community/blur": "^4.2.0",
"#react-native-community/masked-view": "^0.1.11",
"#react-navigation/bottom-tabs": "^6.4.0",
"#react-navigation/drawer": "^6.5.0",
"#react-navigation/native": "^6.0.13",
"#react-navigation/native-stack": "^6.9.0",
"#stripe/stripe-react-native": "^0.19.0",
"#supabase/supabase-js": "^2.0.0",
"#ui-kitten/components": "^5.1.2",
"#ui-kitten/metro-config": "^5.1.2",
"base-64": "^1.0.0",
"base64-arraybuffer": "^1.0.2",
"moment": "^2.29.4",
"nativewind": "^2.0.11",
"postcode": "^5.1.0",
"react": "18.1.0",
"react-hook-form": "^7.36.1",
"react-native": "0.70.0",
"react-native-actions-sheet": "^0.8.8",
"react-native-compressor": "^1.6.1",
"react-native-draggable-grid": "^2.1.6",
"react-native-gesture-handler": "^2.1.1",
"react-native-image-picker": "^4.10.0",
"react-native-linear-gradient": "^2.6.2",
"react-native-reanimated": "^2.13.0",
"react-native-reanimated-carousel": "^3.0.6",
"react-native-safe-area-context": "^4.4.1",
"react-native-screens": "^3.17.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-svg": "^13.4.0",
"react-native-toast-message": "^2.1.5",
"react-native-url-polyfill": "^1.3.0",
"use-debounce": "^8.0.4",
"zustand": "^4.1.1"
},
"devDependencies": {
"#babel/core": "^7.12.9",
"#babel/runtime": "^7.12.5",
"#react-native-community/eslint-config": "^2.0.0",
"#tsconfig/react-native": "^2.0.2",
"#types/jest": "^26.0.23",
"#types/react-native": "^0.70.0",
"#types/react-test-renderer": "^18.0.0",
"#types/react-timeago": "^4.1.3",
"#typescript-eslint/eslint-plugin": "^5.37.0",
"#typescript-eslint/parser": "^5.37.0",
"babel-jest": "^26.6.3",
"eslint": "^7.32.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.72.1",
"react-test-renderer": "18.1.0",
"tailwindcss": "^3.2.4",
"typescript": "^4.8.3"
},
"jest": {
"preset": "react-native",
"moduleFileExtensions": [
"ts",
"tsx",
"js",
"jsx",
"json",
"node"
]
}
}
I have tried:
restarting my machine
npm start -- --reset-cache
cd ios pod install
uninstalling nativewind (even when uninstalled, the error now persists, so I can't get back to my working version beforehand)

React native upgrade to .69 from .64

I had to update to the most recent version of react native for my project. But no matter what iu do I can't get this error to go away on IOS ONLY. Android works fine even though this error is mostly reported as a android issue.
ERROR Invariant Violation: new NativeEventEmitter() requires a non-null argument.
I have updated every package that is possible cleared all caches etc etc.
Here is the package list.
"dependencies": {
"#babel/preset-env": "^7.1.6",
"#freakycoder/react-native-helpers": "^1.0.2",
"#react-native-async-storage/async-storage": "^1.17.8",
"#react-native-community/clipboard": "^1.5.1",
"#react-native-community/masked-view": "^0.1.11",
"#react-native-community/push-notification-ios": "^1.10.1",
"#react-native-community/toolbar-android": "git+https://github.com/react-native-toolbar-android/toolbar-android.git#master",
"#react-native-picker/picker": "^2.4.3",
"#react-navigation/bottom-tabs": "^6.3.2",
"#react-navigation/elements": "^1.3.4",
"#react-navigation/routers": "^6.1.1",
"#react-navigation/stack": "^6.2.2",
"#rneui/base": "^4.0.0-rc.6",
"#rneui/themed": "^4.0.0-rc.6",
"#sentry/react-native": "^5.0.0-alpha.1",
"#sergiorj/react-native-snap-carousel": "^4.0.1",
"axios": "^0.27.2",
"babel-preset-react-native": "^4.0.1",
"date-fns": "^2.29.1",
"fs": "0.0.1-security",
"gulp": "^4.0.2",
"gulp-clean": "^0.4.0",
"gulp-rename": "^2.0.0",
"gulp-sym": "^1.0.2",
"lodash": "^4.17.20",
"main": "^1000.0.1",
"os": "^0.1.2",
"path": "^0.12.7",
"react": "18.0.0",
"react-addons-shallow-compare": "^15.6.3",
"react-native": "0.69.3",
"react-native-awesome-alerts": "^2.0.0",
"react-native-camera": "^4.2.1",
"react-native-charts-wrapper": "^0.5.9",
"react-native-clean-project": "^4.0.1",
"react-native-codegen": "^0.71.0",
"react-native-config": "^1.4.6",
"react-native-copilot": "^2.5.1",
"react-native-crypto": "^2.2.0",
"react-native-datepicker": "^1.7.2",
"react-native-default-preference": "^1.4.4",
"react-native-device-info": "^10.0.2",
"react-native-dotenv": "^3.3.1",
"react-native-dynamic-vector-icons": "^1.2.0",
"react-native-fast-image": "^8.5.11",
"react-native-geolocation-service": "^5.3.0",
"react-native-get-random-values": "^1.8.0",
"react-native-image-slider-box": "^1.1.24",
"react-native-improved-text-input": "0.0.1",
"react-native-inappbrowser-reborn": "^3.7.0",
"react-native-maps": "^1.2.0",
"react-native-modal": "^13.0.1",
"react-native-permissions": "^3.6.0",
"react-native-push-notification": "^8.1.1",
"react-native-qrcode-scanner": "^1.5.5",
"react-native-randombytes": "^3.6.1",
"react-native-reanimated": "^2.9.1",
"react-native-safe-area-context": "^4.3.1",
"react-native-screens": "^3.15.0",
"react-native-shared-preferences": "^1.0.2",
"react-native-spinkit": "^1.5.1",
"react-native-splash-screen": "^3.3.0",
"react-native-svg": "^12.4.3",
"react-native-swipe-gestures": "git+https://github.com/wymsee/react-native-swipe-gestures.git#master",
"react-native-tracking-transparency": "^0.1.1",
"react-native-url-polyfill": "^1.3.0",
"react-native-vector-icons": "^9.2.0",
"react-native-webview": "^11.23.0",
"react-style-proptype": "^3.2.2",
"typescript": "^4.7.4",
"uuid": "^7.0.3"
},
"devDependencies": {
"#babel/core": "^7.18.10",
"#babel/runtime": "^7.18.9",
"#react-native-community/eslint-config": "^2.0.0",
"#react-navigation/native": "^6.0.11",
"babel-jest": "^26.6.3",
"babel-plugin-module-resolver": "^4.1.0",
"deprecated-react-native-prop-types": "^2.3.0",
"eslint": "^7.32.0",
"jest": "^26.6.3",
"metro-react-native-babel-preset": "^0.70.3",
"patch-package": "^6.4.7",
"platform": "^1.3.5",
"prettier": "2.4.1",
"prop-types": "^15.8.1",
"react-native-gesture-handler": "^2.5.0",
"react-test-renderer": "18.0.0",
"shelljs": "^0.8.5",
"yargs": "^17.5.1"
},
"jest": {
"preset": "react-native"
}

Rails 6 [Webpacker] Compiling... takes longs time in development enviroment

Webpacker (5.1.1) with Rails 6.1.4 takes a long time while compiling css and js files for existing project and extremely very slow.
[Web packer] Compiling...
Environments: Ruby 2.7.2, Node(v14.15.5), NPM 6.14.11 and yarn 1.22.4
This happens once there is no problem, i.e. when the server starts and initiating the first request.
The problem is, it starts compiling whenever I change the code in js or css and takes again the same time around 4/5 minutes.
I think compiling everything instead of the modified file.
I also tried live reloading ./bin/webpack-dev-server, It also produced the same result.
After doing Google, I tried a few steps below but to no avail
rm -rf node_modules rake assets:clobber yarn install
Did I miss any configuration/package related to compilation. package.json file looks like:
{
"private": true,
"dependencies": {
"#babel/core": "^7.4.5",
"#babel/plugin-proposal-class-properties": "^7.4.4",
"#babel/plugin-proposal-object-rest-spread": "^7.4.4",
"#babel/plugin-proposal-optional-chaining": "^7.7.4",
"#babel/plugin-syntax-dynamic-import": "^7.2.0",
"#babel/polyfill": "^7.4.4",
"#babel/preset-env": "^7.4.5",
"#babel/preset-react": "^7.0.0",
"#rails/webpacker": "^5.1.1",
"#ttskch/select2-bootstrap4-theme": "^1.3.4",
"autosuggest-highlight": "^3.1.1",
"axios": "^0.18.0",
"babel-eslint": "^8.2.3",
"babel-loader": "^8.1.0",
"babel-plugin-module-resolver": "^3.1.1",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"bootstrap": "4.1.3",
"classnames": "^2.2.6",
"clipboard": "^2.0.6",
"date-arithmetic": "^4.0.1",
"dom-helpers": "^3.4.0",
"dotdotdot-js": "^4.0.9",
"easyzoom": "^2.5.2",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-babel": "^5.1.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.9.1",
"expose-loader": "^0.7.5",
"extract-text-webpack-plugin": "^3.0.2",
"fast-deep-equal": "^2.0.1",
"font-awesome": "^4.7.0",
"formik": "^1.5.0",
"hard-source-webpack-plugin": "^0.13.1",
"history": "^4.9.0",
"immutability-helper": "^2.7.0",
"jquery": "^3.3.1",
"jquery-bar-rating": "^1.2.2",
"jquery-countdown": "^2.2.0",
"jquery-ui": "^1.12.1",
"libphonenumber-js": "^1.7.8",
"lodash": "^4.17.11",
"moment": "^2.22.2",
"moment-locales-webpack-plugin": "^1.0.7",
"moment-timezone": "^0.5.23",
"moment-timezone-data-webpack-plugin": "^1.0.3",
"odometer": "^0.4.8",
"pc-bootstrap4-datetimepicker": "^4.17.50",
"popper": "^1.0.1",
"postcss-cssnext": "^3.1.0",
"prop-types": "^15.6.1",
"rails-erb-loader": "^5.5.2",
"rails-ujs": "^5.2.4-2",
"rc-time-picker": "3.4.0",
"react": "^16.8.6",
"react-actioncable-provider": "^1.0.3",
"react-autosuggest": "^9.3.4",
"react-copy-to-clipboard": "^5.0.2",
"react-cropper": "^1.2.0",
"react-custom-scrollbars": "git://github.com/sivakovigor/react-custom-scrollbars.git",
"react-dates": "git://github.com/ihar-lapitski/react-dates.git#feature/change-month-on-date-change",
"react-dom": "^16.8.6",
"react-dotdotdot": "^1.2.3",
"react-dropzone": "^10.1.4",
"react-facebook-login": "^4.0.1",
"react-geosuggest": "^2.12.0",
"react-google-maps": "^9.4.5",
"react-helmet": "^5.2.1",
"react-image-magnify": "^2.7.4",
"react-lazyload": "^2.5.0",
"react-loader-spinner": "^2.2.0",
"react-overlays": "^1.2.0",
"react-paginate": "^6.0.0",
"react-places-autocomplete": "^7.2.0",
"react-player": "^1.7.1",
"react-rating": "^1.6.2",
"react-redux": "^5.0.7",
"react-rnd": "^9.0.4",
"react-router-dom": "^5.0.0",
"react-select": "^2.4.2",
"react-slick": "^0.23.1",
"react-text-mask": "^5.4.3",
"react-textarea-autosize": "^7.1.0",
"react-to-print": "^2.4.0",
"react-toastify": "^5.0.0",
"react-transition-group": "^2.5.0",
"react-validation": "^3.0.7",
"reactstrap": "^8.0.0",
"recompose": "^0.27.1",
"redux": "^4.0.0",
"redux-thunk": "^2.3.0",
"reselect": "^4.0.0",
"scroll": "^2.0.3",
"scroll-doc": "^0.2.1",
"select2": "^4.0.6-rc.1",
"slick-carousel": "^1.8.1",
"startbootstrap-sb-admin": "^4.0.0",
"turbolinks": "^5.2.0",
"uncontrollable": "^7.0.0",
"url-search-params-polyfill": "^5.0.0",
"validator": "^10.6.0",
"vanilla-lazyload": "^12.0.0",
"webp-loader": "^0.4.0",
"webpack-bundle-analyzer": "^3.8.0",
"webpack-cli": "^4.9.1",
"webpack-dev-server": "^3.11.0",
"webpack-merge": "^4.2.2",
"whatwg-fetch": "^3.0.0",
"yup": "^0.27.0"
},
"devDependencies": {
"#babel/plugin-transform-runtime": "^7.16.4"
}
}
Thanks.

Docker image failed with caniuse-lite is outdated error

Failed to create an image on the staging server with the below error.
Browserslist: caniuse-lite is outdated. Please run next command yarn upgrade caniuse-lite browserslist
Here is my package.json
{
"scripts": {
"start": "webpack-dev-server --host=0.0.0.0 --content-base=public",
"jest": "jest --no-cache --runInBand",
"lint": "eslint .",
"test": "yarn lint && yarn flow && yarn jest",
"fix": "eslint . --fix"
},
"dependencies": {
"#babel/core": "^7.1.6",
"#babel/plugin-proposal-class-properties": "^7.1.0",
"#babel/plugin-proposal-json-strings": "^7.0.0",
"#babel/plugin-syntax-dynamic-import": "^7.0.0",
"#babel/plugin-syntax-import-meta": "^7.0.0",
"#babel/polyfill": "^7.0.0",
"#babel/preset-env": "^7.1.6",
"#babel/preset-flow": "^7.0.0",
"#babel/preset-react": "^7.0.0",
"axios": "^0.18.0",
"babel-loader": "^8.0.4",
"bluebird": "^3.5.3",
"circle-to-polygon": "^1.0.2",
"classnames": "^2.2.6",
"color-rgba": "^2.1.0",
"css-loader": "^1.0.1",
"eskape": "^1.2.0",
"flow-bin": "^0.89.0",
"flow-typed": "^2.5.1",
"fuse.js": "^3.4.2",
"highcharts": "^7.0.0",
"highcharts-react-official": "^2.0.0",
"informed": "^1.10.12",
"json-loader": "^0.5.7",
"lodash": "^4.17.11",
"mapbox-gl": "^0.53.0-beta.1",
"mixpanel-browser": "^2.26.0",
"moment": "^2.23.0",
"node-sass": "^4.14.1",
"normalize.css": "^8.0.1",
"prop-types": "^15.6.2",
"react": "^16.6.3",
"react-aria-menubutton": "^6.1.0",
"react-color": "^2.17.0",
"react-dom": "^16.6.3",
"react-ga": "^2.5.6",
"react-helmet": "^5.2.0",
"react-map-gl": "^4.0.8",
"react-portal": "^4.2.0",
"react-redux": "^6.0.0",
"react-router-dom": "^4.3.1",
"react-table": "^6.8.6",
"redux": "^4.0.1",
"redux-devtools-extension": "^2.13.7",
"redux-logger": "^3.0.6",
"redux-thunk": "^2.3.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"svg-react-loader": "^0.4.6",
"uid-safe": "^2.1.5",
"webpack": "^4.26.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10",
"yaml-loader": "^0.5.0"
},
"devDependencies": {
"babel-core": "^7.0.0-bridge.0",
"babel-eslint": "^10.0.1",
"babel-jest": "^23.6.0",
"babel-polyfill": "^6.26.0",
"enzyme": "^3.8.0",
"enzyme-adapter-react-16": "^1.7.1",
"eslint": "^5.9.0",
"eslint-config-prettier": "^3.3.0",
"eslint-config-standard": "^12.0.0",
"eslint-config-standard-react": "^7.0.2",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jest": "^22.1.0",
"eslint-plugin-node": "^8.0.0",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-promise": "^4.0.1",
"eslint-plugin-react": "^7.11.1",
"eslint-plugin-standard": "^4.0.0",
"expect": "^23.6.0",
"file-loader": "^3.0.1",
"identity-obj-proxy": "^3.0.0",
"jest": "^23.6.0",
"lodash-match-pattern": "^2.0.1",
"prettier": "^1.15.2",
"sinon": "^7.2.2",
"yaml-jest": "^1.0.5"
},
"license": "UNLICENSED",
"private": true
}
I am new to docker and don't know how to resolve this error.
The project is on Reactjs, recently I have updated the node-saas version to 4.14.1 and after that, I am facing this error.

React Native ios build - modifying a file in a node_modules package

I am getting the following error during an ios build for a file that belongs to a node_modules package:
bundling failed: SyntaxError:
/Users/user148634/Desktop/mobile-ui/PriceInsight_app/node_modules/react-native/node_modules/react-native/Libraries/Components/Switch/Switch.js:
Support for the experimental syntax 'nullishCoalescingOperator' isn't
currently enabled (167:52):
According to this message, the file is in the following path:
node_modules/react-native/node_modules/react-native/Libraries/Components/Switch/Switch.js
However, I can see the file in the following path:
node_modules/react-native/Libraries/Components/Switch/Switch.js
(the folder node_modules/react-native/node_modules/react-native does not exist).
I tried to modify node_modules/react-native/Libraries/Components/Switch/Switch.js but it doesn't have any effect and I get the same error during build.
Any idea why a non-existent path is displayed? Any idea how I modify the file so that it affects the build?
Here is my package.json file:
{
"name": "newapp",
"version": "0.0.2",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest --verbose --coverage",
"test:update": "jest --verbose --coverage --updateSnapshot",
"test:watch": "jest --verbose --watch",
"coverage": "jest --verbose --coverage && xdg-open ./coverage/lcov-report/index.html",
"lint": "npx eslint --fix ./src/*"
},
"dependencies": {
"adm-zip": "^0.4.13",
"apollo-boost": "0.1.17",
"axios": "^0.18.0",
"babel": "^6.23.0",
"buffer": "5.1.0",
"cross-fetch": "^3.0.0",
"enzyme": "^3.3.0",
"fastfall": "^1.5.1",
"got": "^9.5.1",
"graphql": "0.13.2",
"graphql-tag": "2.10.0",
"jasmine-react-helpers": "^0.2.2",
"link": "^0.1.5",
"lodash": "4.17.5",
"moment": "2.21.0",
"plist": "^3.0.1",
"query-string": "^6.1.0",
"react": "16.2.0",
"react-addons-test-utils": "^15.6.2",
"react-apollo": "2.2.4",
"react-dom": "^16.7.0",
"react-native": "^0.57.0",
"react-native-elements": "0.19.0",
"react-native-fabric": "^0.5.2",
"react-native-fbsdk": "^0.6.3",
"react-native-htmlview": "^0.12.1",
"react-native-link-preview": "^1.3.5",
"react-native-login": "^0.0.1-alpha.2",
"react-native-login-keycloak": "^1.0.2",
"react-native-onesignal": "3.2.6",
"react-native-push-notification": "https://github.com/Dhanraj-bidchat/react-native-push-notification.git",
"react-native-sleek-loading-indicator": "^0.1.3",
"react-native-spinkit": "^1.1.1",
"react-native-svg": "6.2.2",
"react-native-swipe-cards": "^0.1.1",
"react-native-swiper": "1.5.13",
"react-native-vector-icons": "4.5.0",
"react-navigation": "1.5.6",
"react-redux": "5.0.7",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-persist": "5.9.1",
"redux-thunk": "^2.2.0",
"victory-native": "0.17.2",
"whatwg-fetch": "2.0.4",
"xcode": "^1.1.0"
},
"devDependencies": {
"#babel/plugin-proposal-optional-chaining": "^7.2.0",
"babel-eslint": "^8.2.3",
"babel-jest": "^22.4.4",
"babel-plugin-dynamic-import-node": "^1.2.0",
"babel-plugin-syntax-dynamic-import": "^6.18.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
"babel-preset-env": "^1.7.0",
"babel-preset-react-native": "5.0.0",
"enzyme-adapter-react-16": "^1.1.1",
"enzyme-to-json": "^3.3.4",
"eslint": "^4.19.1",
"eslint-config-standard": "^11.0.0",
"eslint-plugin-import": "^2.12.0",
"eslint-plugin-jest": "^21.17.0",
"eslint-plugin-node": "^6.0.1",
"eslint-plugin-only-warn": "^1.0.1",
"eslint-plugin-promise": "^3.8.0",
"eslint-plugin-react": "^7.9.1",
"eslint-plugin-standard": "^3.1.0",
"jest": "^23.5.0",
"jest-resolve": "^23.0.0",
"jest-serializer-enzyme": "^1.0.0",
"react-native-mock-render": "^0.0.26",
"react-test-renderer": "^16.3.2",
"redux-mock-store": "^1.5.1",
"sinon": "^5.0.10"
},
"jest": {
"preset": "react-native",
"setupFiles": [
"./jest-setup.js"
],
"snapshotSerializers": [
"enzyme-to-json/serializer"
],
"modulePaths": [
"<rootDir>/src",
"<rootDir>/node_modules"
],
"transform": {
"^.+\\.js$": "babel-jest",
"^.+\\.jsx?$": "babel-jest"
},
"transformIgnorePatterns": [
"node_modules/(?!(react-native-safe-area-view|react-navigation|react-native-htmlview|react-native-fabric|react-native-login|react-native-elements|react-native-vector-icons|react-native-spinkit|victory-pie|victory-chart|victory-core|react-native-svg|react-native|redux-persist|victory-native|react-native-swipe-cards|react-native-swiper)/)"
],
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/assetsTransformer.js",
"\\.(css|less)$": "<rootDir>/assetsTransformer.js"
}
}
}
change .babelrc to
{
"presets": ["module:metro-react-native-babel-preset"]
}

Resources