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