L'application s'installe et s'ouvre mais dès qu'elle s'ouvre, cet écran rouge apparaît avec le message d'erreur ci-dessous.
TBH Je ne sais pas trop ce que je fais et j'ai vraiment besoin d'aide. J'ai pu faire fonctionner mon autre projet, mais lorsque j'ai démarré mon deuxième projet, cela s'est produit lors de l'exécution du code. Le code est simplement le code de base que vous obtenez lorsque vous exécutez: react-native init projectName
Changez la version de "babel-preset-react-native" en "4.0.0". Pour la dernière version 5.0.0, le problème se pose.
Check question de github
J'ai eu l'erreur mentionnée ci-dessus tout à l'heure. J'utilise React Native v0.57 et mon fichier json avait ceci
{
"name": "AwesomeProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"react": "16.5.0",
"react-native": "0.57.1"
},
"devDependencies": {
"babel-jest": "23.6.0",
"jest": "23.6.0",
"metro-react-native-babel-preset": "0.45.6",
"react-test-renderer": "16.5.0"
},
"jest": {
"preset": "react-native"
}
}
J'ai ajouté "babel-preset-react-native": "4.0.0" et supprimé "metro-react-native-babel-preset": "0.45.6" dans "devDependencies" et l'erreur a été résolue.
La solution de Jonathan a également fonctionné pour moi:
Fixé. babel a envoyé une mise à jour vers 5.0.0. Réglez vos presets sur 4.0.0 et cela résoudra le problème.
Je suis passé à
"react-native": 0.57.7
"metro-react-native-babel-preset": "0.48.5",
Le paquet se charge maintenant comme prévu.
1.Fermer tous les Metro Bundler en cours d'exécution
2.Nettoyer le cache
rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all
3.Créez un nouveau projet et installez babel runtime
react-native init awesomeproject
cd awesomeproject
npm install --save-dev @babel/runtime
3. Démarrez Metro Bundler dans votre terminal (ne le fermez pas)
react-native start
4.Ouvrez une nouvelle fenêtre dans votre terminal et lancez votre application.
react-native run-ios
Avait le même problème. Le déclassement en "babel-preset-react-native": "4.0.0" ne fonctionnait pas. courir cela a fonctionné pour moi
npm add @ babel/runtime
Essayez cette commande React-native upgrade
^^ ce qu'ils ont dit ... changez votre "babel-preset-react-native" à 4.0.0.
Pour moi, cette réponse a fonctionné:
https://stackoverflow.com/a/40966360/4483716
Fondamentalement, je devais donner la permission au dossier
/ Users/[nom d'utilisateur]/Library/LaunchAgents.
Utilisez cette commande:
$ Sudo chown $(whoami) /Users/$(whoami)/Library/LaunchAgents
Ma version actuelle:
"react-native": "0.57.8",
"metro-react-native-babel-preset": "0.51.1",
Voici comment j'ai fixé:
ajouter
"devDependencies": {
"babel-preset-react-native": "4.0.0"
},
supprimer node_modules
npm install
Voilà! Ça marche!
Essayez les solutions suivantes: Nettoyez le dossier de construction et réessayez.
exécute le démarrage réactif natif --reset-cache dans un onglet
et ensuite lancez react-native dans un autre onglet
Fixé. babel a envoyé une mise à jour vers 5.0.0. Réglez vos presets sur 4.0.0 et cela résoudra le problème.
babel-preset-react-native
version 4.0.0 à votre devDependencies
dans package.json
"devDependencies": {
"babel-preset-react-native": "4.0.0"
},
npm install
react-native run-ios
ou AndroidSi cela ne fonctionne toujours pas, essayez rm -rf node_modules/
et recommencez les étapes 2 et 3