J'ai une application nouvellement créée utilisant React Native. L'application contient un simple formulaire de connexion et une requête de récupération, rien de compliqué, peu de CSS et de composants.
J'ai essayé d'implémenter Facebook, et après BEAUCOUP de lutte, j'ai arrêté de recevoir des erreurs Facebook, alors que maintenant, j'obtiens cette erreur qui n'a aucun sens quand je lance react-native run-android:
Aucun écran affiché, rien, diretcly cette erreur 500. J'ai cherché partout une solution, j'ai même ajouté le formulaire pour Gradle, réinstallé tous les paquets npm après rm rf node_modules .. toujours la même erreur.
implementation ("com.facebook.react:react-native:0.58.5"){force = true}
8 Réponses :
C'est clairement écrit dans l'erreur
Impossible de résoudre le module ./index depuis / Applications / XAMPP / xamppfiles / htdocs / projects / jobifier-mobile /. : Le module ./index est introuvable dans / Applications / XAMPP / xamppfiles / htdocs / projects / jobifier-mobile /. . En effet, aucun de ces fichiers n’existe
Veuillez vérifier et voir si vous avez indiqué le chemin correct.
Étant donné le bon chemin où? le problème est que je ne comprends pas l'erreur, je ne sais pas où un module appelé ./index est défini!
C'est une erreur de votre serveur principal ... regardez à l'intérieur de la configuration et supprimez le module qui ne peut pas être trouvé
Utilisé npm start - --reset-cache pour exécuter Metro Bundler et cela a fonctionné. J'ai trouvé cette solution en recherchant la réponse au même problème, SO post qui m'a aidé.
Pouvez-vous décrire cela en détail pour que ce soit clair au PO?
Le problème était qu'au départ, le projet avait été construit sous expo, donc l'index a été supprimé.
Je pense que cette question pourrait être liée à Impossible de résoudre le module `./ index` La question est donc: avez-vous essayé d'exécuter l'application avant de vous connecter à Facebook? Si cela fonctionnait auparavant, nous pourrions avoir un problème différent. Cependant, il est similaire à ce bogue: https://github.com/facebook/react- native / issues / 24112
Un correctif a été publié il y a quelques heures. Veuillez mettre à niveau vers react-native 0.59.2.
react-native upgrade
Le guide complet sur la mise à niveau: https://facebook.github.io/react-native/docs/upgrading
la mise à niveau vers 0.59.2 l'a corrigé pour moi
En fait, cela ne semble rien avoir à voir avec Facebook
Vous pouvez exécuter npm install puis react-native upgrade pour résoudre ce problème.
créer un nouveau projet avec init natif de réaction "projectName"
allez dans " node_modules \ react-native \ scripts \ packager.sh " du nouveau projet que vous avez créé.
copiez-le et remplacez-le par celui de l'ancien projet qui pose problème ...
Cela a fonctionné pour moi. J'ai découvert que c'était une mise à jour vers React-Native 0.59.2 qui en était la cause ..
J'ai pu résoudre ce problème (RN 0.61.2) en ajoutant un fichier index.android.tsx à la racine du projet (ci-dessus ./src).
Ce fichier contient simplement:
import "./src/App";
Auparavant, cela fonctionnait bien avec index.tsx dans ./src, je ne sais pas pourquoi il fonctionnait à partir de la version 0.61.2.
Solution 1:
rm -rf $TMPDIR/react-*; rm -rf $TMPDIR/haste-*; rm -rf $TMPDIR/metro-*; watchman watch-del-all # Start Metro Bundler directly react-native start
Solution 2:
créez metro.config.js à la racine de votre projet et collez le code ci-dessous
module.exports = {
transformer: {
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: false,
},
}),
},
};
Solution 3: exécutez ces commandes
react-native start -- --reset-cache