web-dev-qa-db-fra.com

react-native Erreur: Impossible de résoudre le module `AccessibilityInfo`

Je suis nouveau dans React-native, j'ai suivi toutes les instructions lorsque j'ai essayé de créer ma première application et j'ai eu cette erreur. J'ai clairement rattrapé le redémarrage de NPM mais j'ai toujours cette erreur.

The development server returned response error code: 500

URL: http://10.0.2.2:8081/index.delta?platform=Android&dev=true&minify=false

Body:
{"originModulePath":"F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":"Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.","errors":[{"description":"Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`."}],"name":"Error","stack":"Error: Unable to resolve module `AccessibilityInfo` from `F:\\React Native\\AttendenceSystem\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n  1. Clear watchman watches: `watchman watch-del-all`.\n  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.\n  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.\n    at ModuleResolver.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ModuleResolution.js:167:1306)\n    at ResolutionRequest.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ResolutionRequest.js:80:16)\n    at DependencyGraph.resolveDependency (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\node-haste\\DependencyGraph.js:237:485)\n    at Object.resolve (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\lib\\transformHelpers.js:116:25)\n    at dependencies.map.result (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:298:29)\n    at Array.map (<anonymous>)\n    at resolveDependencies (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:294:16)\n    at F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:159:33\n    at Generator.next (<anonymous>)\n    at step (F:\\React Native\\AttendenceSystem\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:239:307)"}
processBundleResult
    BundleDownloader.Java:285
access$200
    BundleDownloader.Java:37
onResponse
    BundleDownloader.Java:163
execute
    RealCall.Java:153
run
    NamedRunnable.Java:32
runWorker
    ThreadPoolExecutor.Java:1113
run
    ThreadPoolExecutor.Java:588
run
    Thread.Java:818
2
Rifat Murtuza

Cette erreur est due à votre version de projet natif de réaction. 

Vous devez créer votre projet comme ça par cette version pour le moment --->

react-native init NomProjet --Version 0.55.4

Attendez simplement la prochaine version de React Native pour les laisser résoudre ce problème.

7
Pheng Sengvuthy

Voir les dépendances et devDependencies votre fichier package.json si votre recherche réagit comme la version native 0.56 comme ceci ---->

 "react-native":"0.56.0" 

dans les dépendances puis changez le en

"react-native":"0.55.4"

et en devDependencies changent 

"babel-preset-react-native": "5",

à

"babel-preset-react-native": "4.0.0",

et enfin courir 

npm install
3
Anwar Gul

On dirait que la rétrogradation de la version réactive de la version native résoudra le problème. Utilisez-vous la dernière version 0.56.1? Les nouvelles versions sont plutôt instables, surtout si vous utilisez Windows. 

Le passage à une version inférieure à 0.55.4 devrait résoudre votre problème: npm install [email protected]

Vous pouvez consulter ce problème très similaire: https://github.com/facebook/react-native/issues/14209

0
Cyril Bos

Je suppose que vous utilisez Windows. J'ai eu la même erreur récemment et quand je l'ai recherchée sur les problèmes de github de Native, j'ai vu que les gens avaient changé leur fichier package.json. Ce qui fonctionne pour mon cas est ci-dessous, vous pouvez l’adapter à vos besoins;

{
  "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.3.1",
    "react-native": "0.55.4"
  },
  "devDependencies": {
    "babel-jest": "22.4.4",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.4",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

N'oubliez pas de supprimer d'abord votre dossier node_modules, puis changez votre package.json similaire à ci-dessus, puis exécutez finalement npm install.

0
milkersarac