i´m running my react native app with bare workflow, and when i try to execute it with yarn android i get this error:
Could not read script 'C:\Users\claud\OneDrive\├?rea de Trabalho\teste\node_modules\expo\scripts\autolinking.gradle' as it does not exist.
package.json
{
"name": "teste",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"start": "expo start --dev-client",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web"
},
"dependencies": {
"expo": "~47.0.9",
"expo-splash-screen": "~0.17.5",
"expo-status-bar": "~1.4.2",
"react": "18.1.0",
"react-native": "0.70.5"
},
"devDependencies": {
"#babel/core": "^7.12.9"
},
"private": true
}
In my case it was because of yarn's new policy, "PnP"!
There's a perfect workaround here
Related
I created an app in React using the command expo init and now I am getting the following error. Any suggestions?
Invariant Violation: "main" has not been registered. This can happen if:
Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
A module failed to load due to an error and AppRegistry.registerComponent wasn't called.
For reference, this is my packages.json file:
{
"name": "bookshare",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"#react-navigation/native": "^6.0.8",
"#react-navigation/native-stack": "^6.5.0",
"expo": "~44.0.0",
"expo-status-bar": "~1.2.0",
"react": "17.0.1",
"react-dom": "17.0.1",
"react-native": "0.64.3",
"react-native-safe-area-context": "^4.0.1",
"react-native-screens": "^3.12.0",
"react-native-web": "0.17.1"
},
"devDependencies": {
"#babel/core": "^7.12.9"
},
"private": true
}
enter image description here
When I'm going to execute the command expo start, give me the following error, I'm starting to work with react native and I don't manage much, what can it be?
app.json
{
"expo": {
"name": "Project",
"slug": "Project",
"version": "1.0.0",
"orientation": "portrait",
"sdkVersion": "35.0.0",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true
},
"web": {
"favicon": "./assets/favicon.png"
}
}
}
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"expo": "^35.0.0",
"react": "16.8.3",
"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
"expo-status-bar": "^1.0.2",
"react-dom": "~16.11.0",
"react-native-web": "~0.11.7"
},
"devDependencies": {
"#babel/core": "^7.8.6",
"babel-preset-expo": "~8.1.0"
},
"private": true
}
new error
enter image description here
folders
I changed the files in the folder
\node_modules\metro-config\src\defaults\blacklist.js
in
var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
for
var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
now this error is showing up
this last error was solved by installing the expo directly on the emulator.
As it is shown in the error, React Native is not installed. So,
(1) npm install
(2) npm start
That's it. If you still get any problem, please update your question by containing your app.json file content.
UPDATE:
I think the problem is with your sdk version. Please try changing the version of the sdk version.
(1) replace your package.json with the following content. (Copy and Paste)
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"expo": "~37.0.3",
"expo-status-bar": "^1.0.2",
"react": "~16.11.0",
"react-dom": "~16.11.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-native-web": "~0.11.7"
},
"devDependencies": {
"#babel/core": "^7.8.6",
"babel-preset-expo": "~8.1.0"
},
"private": true
}
Above, I've changed the sdk version from 38 to 37.
(2) Delete node_module, and .expo folders if they have been created in your project root directory.
(3) npm install
(4) npm start
That's it. It should work now!
try changing the source of react-native in your package.json by changing this line:
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
for this
"react-native": "^0.63.0",
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"expo": "^34.0.3",
"firebase": "^6.3.4",
"react": "16.8.3",
"react-dom": "^16.8.6",
"react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz",
"react-native-elements": "^1.1.0",
"react-native-router-flux": "^4.0.6",
"react-native-web": "^0.11.4"
},
"devDependencies": {
"babel-preset-expo": "^6.0.0"
},
"private": true
}
App.json
"sdkVersion": "34.0.0",
"platforms": [
"ios",
"android",
"web"
],
how to resolve this as --reset-cache have no effect and Also the error is shown for that file which is not even the part of the project.
I also find same type of issue on stackoverflow here
but that is for react-native-cli in which upgrading react-native-cli resolved the issue.
I tried to upgrade expo-cli but nothing happen things remain the same.
I hope I am able to explain the issue
You can try expo start -c
It should be executed with the correct method of execution.
I'm using an expo application
with these packages installed :
react-navigation and react-native-calendar.
recently I've updated the expo-cli and SDK to 32
in Genymotion emulator everything works great,
but in my phone (MI MIX) after the google login modal appears and i login
the app crashes.
the code for the login is as follwed:
import { Google } from 'expo';
in the componentDidMount:
const result = await Google.logInAsync({
androidClientId: 'someclientid',
iosClientId: 'someclientid',
scopes: ['profile', 'email','https://www.googleapis.com/auth/calendar'],
});
package.json:
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject"
},
"dependencies": {
"expo": "^32.0.0",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
"react-native-calendars": "^1.172.0",
"react-navigation": "^3.11.0"
},
"devDependencies": {
"babel-preset-expo": "^5.0.0"
},
"private": true
}
any clue whata am i doing wrong?
EDIT:
it seems like it works on other android devices
I am trying to run a react native application using the following command.
npm run android
I get the following error.
im using nvm - nvm use stable
Now using node v8.9.4 (npm v4.6.1)
**package.json**
{
"name": "client",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.11.0",
"jest-expo": "23.0.0",
"react-test-renderer": "16.0.0"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "node node_modules/jest/bin/jest.js --watch"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"expo": "^23.0.4",
"react": "16.0.0",
"react-native": "0.50.3"
}
}
A different solution recommended rerunning the build process because there maybe some interference, but this did not work for me.
I managed to solve this my self. The error message was showing a react-native version of 0.50.3.
But the latest version is 0.52 as can be seen here https://facebook.github.io/react-native/versions.html.
So i updated package json to reflect this.
"dependencies": {
"react-native": "0.52"
}
then i deleted npm modules and reran npm install. This fixed my issue.
tldr; update package.json react-native dependency to reflect latest version.
I Had the same problem, and the KHAN give us the right solution.
I'm Putting here the package.json for thoses who need the fix:
{
"name": "project",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts": "1.11.0",
"jest-expo": "25.0.0",
"react-test-renderer": "16.0.0"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "node node_modules/jest/bin/jest.js --watch"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"expo": "^25.0.0",
"react": "16.0.0",
"react-native": "0.52"
}
}