7
votes

Erreur native de réaction: impossible de résoudre le module `. / Index`

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}

entrez la description de l'image ici


0 commentaires

8 Réponses :


0
votes

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.


1 commentaires

É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!



1
votes

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é


0 commentaires

9
votes

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é.


2 commentaires

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é.



4
votes

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


2 commentaires

la mise à niveau vers 0.59.2 l'a corrigé pour moi


En fait, cela ne semble rien avoir à voir avec Facebook



0
votes

Vous pouvez exécuter npm install puis react-native upgrade pour résoudre ce problème.


0 commentaires

0
votes

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 ..


0 commentaires

0
votes

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.


0 commentaires

0
votes

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


0 commentaires