Problems with React Native

1

Good afternoon,

I'm getting an error every time I run the "react-native run-android" command to start my first application in AVD with version 6.0 of android. I am a beginner in React Native, and would like help on the subject.

I followed the steps as per this tutorial .

Error that I get from the emulated smartphone screen:

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":"C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\react-native\Libraries\react-native\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":"Unable to resolve module 'AccessibilityInfo' from 'C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\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 'C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\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 'C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\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 (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:167:1306)\n    at ResolutionRequest.resolveDependency (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:80:16)\n    at DependencyGraph.resolveDependency (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\node-haste\DependencyGraph.js:237:485)\n    at Object.resolve (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\lib\transformHelpers.js:116:25)\n    at dependencies.map.result (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)\n    at Array.map (<anonymous>)\n    at resolveDependencies (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)\n    at C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33\n    at Generator.next (<anonymous>)\n    at step (C:\Users\neto_\Google Drive\Projetos\ReactNative\CozinheAgora\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
    
asked by anonymous 31.08.2018 / 18:14

1 answer

0

There are 5 possible solutions:

  • Update your react-native , some versions conflict with windows;
  • Downgrade your react-native: If your RN is already upgraded, downgrade, there are some versions that conflict with windows.
  • Reboot your computer: may seem ridiculous, however, I already had this error that was solved by restarting the computer;
  • Delete the node_modules folder: Delete it and reinstall the packages with npm install or yarn install
  • Perform the steps mentioned in the error:

  • Clear watchman watches: watchman watch-del-all .
  • Delete the node_modules folder: rm -rf node_modules && npm install .
  • Reset Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache .
  • Remove cache cache: rm -rf /tmp/haste-map-react-native-packager-*
31.08.2018 / 18:42