Expo not loading (React-Native) -- null Expo SDK version - xcode

My app was working till today but now it looks like something happened to version 18 of Expo.
I got this error:
The experience you requested uses Expo SDK v(null), but this copy of
Expo Client requires at least v20.0.0. The author should update their
experience to a newer Expo SDK version.
I then:
Updated to Expo v20.0.0
Handled all unmet dependencies
yarn cache clean
rm -rf node_modules/
Reinstalled local node modules
and I'm still getting the same error.
What do I need to do to get Simulator to recognize that I am using the correct version of Expo?
Current environment:
Expo v20.0.0
react-native v0.47.0
Node v8.11.1
Xcode v9.3
Mac OS v10.13.4

Thanks to #PritishVaidya for helping me figure this out.
The problem was simply that I was missing "sdkVersion": "20.0.0" from my app.json. The use of this is lined out in the Expo Docs.
For example:
{
"expo": {
"name": "My app",
"slug": "my-app",
"sdkVersion": "20.0.0",
"privacy": "public"
}
}

Related

Nativescript Error: Executing webpack failed with exit code 1

I've done a fresh install of Nativescript on a new iMac (running Big Sur) following the instructions carefully (from https://docs.nativescript.org/environment-setup.html#macos-ios).
It was working fine after the install yesterday, but today I cannot run apps in ios simulator (or in an Android virtual device).
The ns doctor command in terminal gives me this initially:
No issues were detected.
✔ Your ANDROID_HOME environment variable is set and points to correct directory.
✔ Your adb from the Android SDK is correctly installed.
✔ The Android SDK is installed.
✔ A compatible Android SDK for compilation is found.
✔ Javac is installed and is configured properly.
✔ The Java Development Kit (JDK) is installed and is configured properly.
✔ Xcode is installed and is configured properly.
✔ xcodeproj is installed and is configured properly.
✔ CocoaPods are installed.
✔ CocoaPods update is not required.
✔ CocoaPods are configured properly.
✔ Your current CocoaPods version is newer than 1.0.0.
✔ Python installed and configured correctly.
✔ The Python 'six' package is found.
✔ Xcode version 12.5.1 satisfies minimum required version 10.
✔ Getting NativeScript components versions information...
✔ Component nativescript has 8.0.2 version and is up to date.
However, when I create a new app (ns create) and then try to run in (ns run ios), I get this error: Executing webpack failed with exit code 1.
The error messages start with this: TypeError: Cannot read property 'resolved' of undefined.
The same thing is also happening when I try to run it on Android.
After trying to run it on both ios and Android, ns doctor adds these lines:
✔ Component #nativescript/core has 8.0.8 version and is up to date.
✔ Component #nativescript/ios has 8.0.0 version and is up to date.
✔ Component #nativescript/android has 8.0.0 version and is up to date.
So it seems like the platforms are being added properly.
Any help would be greatly appreciated!
The full error message is:
Searching for devices...
Preparing project...
webpack is watching the files...
/Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:817
if (entry.resolved !== undefined) return entry.resolved;
^
TypeError: Cannot read property 'resolved' of undefined
at getResolvedTimestamp (/Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:817:12)
at /Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:1167:21
at /Users/student/Desktop/testApp/node_modules/webpack/lib/util/AsyncQueue.js:352:5
at Hook.eval [as callAsync] (eval at create (/Users/student/Desktop/testApp/node_modules/webpack/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/student/Desktop/testApp/node_modules/webpack/node_modules/tapable/lib/Hook.js:18:14)
at AsyncQueue._handleResult (/Users/student/Desktop/testApp/node_modules/webpack/lib/util/AsyncQueue.js:322:21)
at /Users/student/Desktop/testApp/node_modules/webpack/lib/util/AsyncQueue.js:305:11
at /Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:3098:21
at /Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:3010:22
at /Users/student/Desktop/testApp/node_modules/neo-async/async.js:2830:7
at done (/Users/student/Desktop/testApp/node_modules/neo-async/async.js:2925:13)
at /Users/student/Desktop/testApp/node_modules/webpack/lib/FileSystemInfo.js:2994:23
at Array.<anonymous> (/Users/student/Desktop/testApp/node_modules/webpack/lib/util/fs.js:311:21)
at runCallbacks (/Users/student/Desktop/testApp/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
at /Users/student/Desktop/testApp/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
at callback (/Users/student/Desktop/testApp/node_modules/graceful-fs/polyfills.js:299:20)
Executing webpack failed with exit code 1.
Thank you for reporting this, we have confirmed a breaking change in the latest webpack release:
https://github.com/webpack/webpack/releases/tag/v5.51.1
You can switch your package.json to use the rc as follows to resolve this right now:
"devDependencies": {
...
"#nativescript/webpack": "rc"
},
Then ns clean and you should be able to run your app now.
We also published another beta tag pinning webpack to 5.50.0 so doing ns clean without making any other dependency change in your own package.json should also work now.

createBrowserApp is not working with react-navigation v5

with new react-navigation v5 it's become impossible to use it with react-native-web.
just importing createBrowserApp throws an error
import {createBrowserApp} from "#react-navigation/web";
show following error in #react-navigation/web/dist/Link.js
TypeError: (0 , _core.withNavigation) is not a function
does anybody know how to use now react-navigation v5 with react-native-web? I need url history in path, but now it has became impossible.
expo install react-navigation react-native-gesture-handler react-native-reanimated react-native-screens
npm i react-navigation-stack
npm i #react-navigation/web
install with expo that is why expo would look for the correct version of the react–navigation libraries that’d work with the expo version that’s installed in your project.
and keep with this tutorial
https://codersera.com/blog/how-to-do-navigation-in-react-native-web-in-2020/

why can't create new app in react native

I'm beginner in react-native and I doing steps in a website of react-native
and the app is working right,
but after doing some update
npm i react#latest --save
npm i react-native#latest --save
react-native upgrade
after that, I can't create any project by
react-native init projectName
I get this error
image link
This is actually a problem on Windows with the latest version of react native (0.56)
GitHub Issue
Try using version 0.55.4 by typing react-native init --version="0.55.4" projectName
Not every version of react-native is compatible with every version of react. In the screenshot you sent, it says you need react#16.4.1 for react-native#0.56.0. Try doing npm i react#16.4.1 --save and then try react-native init projectName again.

Downgrade CoffeeScript Version

Recently, due to a problem, I had reinstall all my libraries which included CoffeeScript also. My problem is that my team has one version of CoffeeScript while I have a newer one. So every time we push code there is conflict in javascript. Any pointers on how I can downgrade CoffeeScript version in MAC OS would be really helpful.
Operation System: OS X El Capitan installed.
If you used NPM, install the older version of CoffeeScript with the following command:
npm install -g coffee-script#1.11.1
Close and reopen your terminal.
Check if you have the correct version installed:
coffee -v
On a side note, it might be better to maintain your project dependencies with package.json. That way, your team will always be in sync with the relevant package versions.
{
"name": "coffee-app",
"version": "1.0.0",
"main": "index.coffee",
"scripts": {
"start": "./node_modules/.bin/coffee index.coffee"
},
"dependencies": {
"coffee-script": "^1.11.1"
}
}
Just run npm install to install project dependencies.
And run npm start to start app with the correct "coffee version" for your app.

Using React-Native run in Xcode counter an error

I get new version of react-native and when I initialize a new project and run it in Xcode I have the error:(react-native 0.9 IOS run error).
Please help me!
TransformError:
/Users/lizi/Desktop/ATFProject/node_modules/react-native/node_modules/react-transform-hmr/node_modules/react-proxy/node_modules/react-deep-force-update/lib/index.js:
[BABEL]
/Users/lizi/Desktop/ATFProject/node_modules/react-native/node_modules/react-transform-hmr/node_modules/react-proxy/node_modules/react-deep-force-update/lib/index.js:
Unknown option:
/Users/lizi/Desktop/ATFProject/node_modules/react-native/node_modules/react-transform-hmr/node_modules/react-proxy/node_modules/react-deep-force-update/.babelrc.stage
It is an error generated when you transpiling with babel. Make sure the Node version is latest. Clear npm cache with $ sudo npm cache clean and start a new project using RN again.

Resources