React-native: AwesomeProject error with react 0.56-0.55.4
*EDITED AND ACTUALIZED ACCORDING TO THE CURRENT ERROR. CHECK THE "EDITED" INFORMATIONS ABOVE IF YOU WANT TO KNOW PREVIOUSLY
Environment
React Native Environment Info:
System:
OS: Windows 10
CPU: x64 Intel(R) Core(TM) i7-2630QM CPU @ 2.00GHz
Memory: 1.36 GB / 5.91 GB
Binaries:
Yarn: 1.7.0 - C:UsersrafluAppDataRoamingnpmyarn.CMD
npm: 6.1.0 - C:Program Filesnodejsnpm.CMD
React Info's:
react-native-cli: 2.0.1
react-native: 0.56.0
Description
NOW
this error appeared when I tried to retake the steps of the lesson today. Apparently the bug of react-version 0.56.0 got fixed but still don't work.
I also did the steps below, but don't worked:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
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-*`.
BEFORE: 11-jul-2018 16:00
briefly i'm just trying to complete the basics lessons of react native - getting started but this not work , noway...
I did according to the tutorial and it did not work ...ok...
react-native upgrade ... no worked...ok...
react-native run-android ...no worked...ok...
i'm novice in programing react and I do not know what to do anymore...this lessons simply tires who wants to learn....
if anyone can help me I'm very happy, it's no longer a matter of giving up more kk
tutorial Link: https://facebook.github.io/react-native/docs/getting-started
Reproducible Demo
cmd-exe or terminal:
Microsoft Windows [versΓ£o 10.0.16299.192]
(c) 2017 Microsoft Corporation. Todos os direitos reservados.
C:\Windows\system32>cd /d E:\ProjectsAndroid
E:\ProjectsAndroid>react-native init AwesomeProject
This will walk you through creating a new React Native project in E:\ProjectsAndroid\AwesomeProject
Using yarn v1.7.0
Installing react-native...
yarn add v1.7.0
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-proposal-optional-chaining > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-proposal-object-rest-spread > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-proposal-class-properties > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-transform-flow-strip-types > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning " > [email protected]" has unmet peer dependency "[email protected]".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 386 new dependencies.
info Direct dependencies
ββ [email protected]
info All dependencies
.
.
.
Done in 40.43s.
Setting up new React Native app in E:\ProjectsAndroid\AwesomeProject
Adding React...
yarn add v1.7.0
[1/4] Resolving packages...
[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-proposal-optional-chaining > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
ββ [email protected]
info All dependencies
ββ [email protected]
Done in 4.34s.
Adding Jest...
yarn add v1.7.0
[1/4] Resolving packages...
warning jest > jest-cli > istanbul-api > [email protected]: 1.2.0 should have been a major version bump
[2/4] Fetching packages...
info [email protected]: The platform "win32" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[3/4] Linking dependencies...
warning "react-native > metro-babel-register > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning "react-native > metro-babel-register > @babel/plugin-proposal-optional-chaining > @babel/[email protected]" has unmet peer dependency "@babel/[email protected]".
warning " > [email protected]" has unmet peer dependency "babel-core@^6.0.0 || ^7.0.0-0".
warning " > [email protected]" has unmet peer dependency "babel-core@^6.0.0 || ^7.0.0-0".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 132 new dependencies.
info Direct dependencies
ββ [email protected]
ββ [email protected]
ββ [email protected]
info All dependencies
.
.
.
Done in 14.86s.
To run your app on iOS:
cd E:\ProjectsAndroid\AwesomeProject
react-native run-ios
- or -
Open ios\AwesomeProject.xcodeproj in Xcode
Hit the Run button
To run your app on Android:
cd E:\ProjectsAndroid\AwesomeProject
Have an Android emulator running (quickest way to get started), or a device connected
react-native run-android
E:\ProjectsAndroid>cd AwesomeProject
E:\ProjectsAndroid\AwesomeProject>react-native run-android
Scanning folders for symlinks in E:\ProjectsAndroid\AwesomeProject\node_modules (43ms)
Starting JS server...
Building and installing the app on the device (cd android && gradlew.bat installDebug)...
NDK is missing a "platforms" directory.
If you are using NDK, verify the ndk.dir is set to a valid NDK directory. It is currently set to E:\SDK_AS\ndk-bundle.
If you are not using NDK, unset the NDK variable from ANDROID_NDK_HOME or local.properties to remove this warning.
:app:preBuild UP-TO-DATE
:app:preDebugBuild UP-TO-DATE
:app:checkDebugManifest
:app:preReleaseBuild UP-TO-DATE
:app:prepareAndroidArchLifecycleRuntime100Library
:app:prepareComAndroidSupportAnimatedVectorDrawable2610Library
:app:prepareComAndroidSupportAppcompatV72610Library
:app:prepareComAndroidSupportSupportCompat2610Library
:app:prepareComAndroidSupportSupportCoreUi2610Library
:app:prepareComAndroidSupportSupportCoreUtils2610Library
:app:prepareComAndroidSupportSupportFragment2610Library
:app:prepareComAndroidSupportSupportMediaCompat2610Library
:app:prepareComAndroidSupportSupportV42610Library
:app:prepareComAndroidSupportSupportVectorDrawable2610Library
:app:prepareComFacebookFbuiTextlayoutbuilderTextlayoutbuilder100Library
:app:prepareComFacebookFrescoDrawee190Library
:app:prepareComFacebookFrescoFbcore190Library
:app:prepareComFacebookFrescoFresco190Library
:app:prepareComFacebookFrescoImagepipeline190Library
:app:prepareComFacebookFrescoImagepipelineBase190Library
:app:prepareComFacebookFrescoImagepipelineOkhttp3190Library
:app:prepareComFacebookReactReactNative0560Library
:app:prepareComFacebookSoloaderSoloader030Library
:app:prepareOrgWebkitAndroidJscR174650Library
:app:prepareDebugDependencies
:app:compileDebugAidl
:app:compileDebugRenderscript
:app:generateDebugBuildConfig
:app:mergeDebugShaders
:app:compileDebugShaders
:app:generateDebugAssets
:app:mergeDebugAssets
:app:generateDebugResValues
:app:generateDebugResources
:app:mergeDebugResources
:app:bundleDebugJsAndAssets SKIPPED
:app:processDebugManifest
:app:processDebugResources
:app:generateDebugSources
:app:incrementalDebugJavaCompilationSafeguard
:app:javaPreCompileDebug
:app:compileDebugJavaWithJavac
:app:compileDebugJavaWithJavac - is not incremental (e.g. outputs have changed, no previous execution, etc.).
:app:compileDebugNdk NO-SOURCE
:app:compileDebugSources
:app:transformClassesWithDexForDebug
Running dex as a separate process.
To run dex in process, the Gradle daemon needs a larger heap.
It currently has 1024 MB.
For faster builds, increase the maximum heap size for the Gradle daemon to at least 1536 MB.
To do this set org.gradle.jvmargs=-Xmx1536M in the project gradle.properties.
For more information see https://docs.gradle.org/current/userguide/build_environment.html
:app:mergeDebugJniLibFolders
:app:transformNativeLibsWithMergeJniLibsForDebug
:app:processDebugJavaRes NO-SOURCE
:app:transformResourcesWithMergeJavaResForDebug
:app:validateSigningDebug
:app:packageDebug
:app:assembleDebug
:app:installDebug
Installing APK 'app-debug.apk' on 'Nexus_5X_API_28_x86(AVD) - 6.0' for app:debug
Installed on 1 device.
BUILD SUCCESSFUL
Total time: 31.078 secs
'adb' nοΏ½o οΏ½ reconhecido como um comando interno
ou externo, um programa operοΏ½vel ou um arquivo em lotes.
Starting the app (E:\SDK_AS/platform-tools/adb shell am start -n com.awesomeproject/com.awesomeproject.MainActivity...
Starting: Intent { cmp=com.awesomeproject/.MainActivity }
E:\ProjectsAndroid\AwesomeProject>watchman watch-del-all
'watchman' nΓ£o Γ© reconhecido como um comando interno
ou externo, um programa operΓ‘vel ou um arquivo em lotes.
E:\ProjectsAndroid\AwesomeProject>rmdir E:\ProjectsAndroid\AwesomeProject\node_modules /S
E:\ProjectsAndroid\AwesomeProject\node_modules, Tem certeza (S/N)? S
E:\ProjectsAndroid\AwesomeProject>npm install
npm WARN deprecated [email protected]: 1.2.0 should have been a major version bump
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1007 packages from 527 contributors and audited 39716 packages in 115.113s
found 0 vulnerabilities
E:\ProjectsAndroid\AwesomeProject>npm start -- --reset-cache
> [email protected] start E:\ProjectsAndroid\AwesomeProject
> node node_modules/react-native/local-cli/cli.js start "--reset-cache"
Scanning folders for symlinks in E:\ProjectsAndroid\AwesomeProject\node_modules (43ms)
warning: the transform cache was reset.
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β Running Metro Bundler on port 8081. β
β β
β Keep Metro running while developing on any JS projects. Feel free to β
β close this tab and run your own Metro instance if you prefer. β
β β
β https://github.com/facebook/react-native β
β β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
Looking for JS files in
E:\ProjectsAndroid\AwesomeProject
Metro Bundler ready.
Loading dependency graph, done.
error: bundling failed: Error: Unable to resolve module `AccessibilityInfo` from `E:\ProjectsAndroid\AwesomeProject\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map
This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
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-*`.
at ModuleResolver.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:167:1306)
at ResolutionRequest.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:80:16)
at DependencyGraph.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph.js:237:485)
at Object.resolve (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\lib\transformHelpers.js:116:25)
at dependencies.map.result (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)
at Array.map (<anonymous>)
at resolveDependencies (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)
at E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33
at Generator.next (<anonymous>)
at step (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)
BUNDLE [android, dev] ./index.js ββββββββββββββββ 6.3% (1/4), failed.
NODE(cli.js) first attempt:
Scanning folders for symlinks in E:\ProjectsAndroid\AwesomeProject\node_modules (48ms)
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β β
β Running Metro Bundler on port 8081. β
β β
β Keep Metro running while developing on any JS projects. Feel free to β
β close this tab and run your own Metro instance if you prefer. β
β β
β https://github.com/facebook/react-native β
β β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
Looking for JS files in
E:\ProjectsAndroid\AwesomeProject
Metro Bundler ready.
Loading dependency graph, done.
error: bundling failed: Error: Unable to resolve module `AccessibilityInfo` from `E:\ProjectsAndroid\AwesomeProject\node_modules\react-native\Libraries\react-native\react-native-implementation.js`: Module `AccessibilityInfo` does not exist in the Haste module map
This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
1. Clear watchman watches: `watchman watch-del-all`.
2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
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-*`.
at ModuleResolver.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:167:1306)
at ResolutionRequest.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:80:16)
at DependencyGraph.resolveDependency (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph.js:237:485)
at Object.resolve (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\lib\transformHelpers.js:116:25)
at dependencies.map.result (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)
at Array.map (<anonymous>)
at resolveDependencies (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)
at E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33
at Generator.next (<anonymous>)
at step (E:\ProjectsAndroid\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)
BUNDLE [android, dev] ..\..\../index.js ββββββββββββββββ 2.0% (2/19), failed.
Android Emulator
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":"E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\react-native\\Libraries\\react-native\\react-native-implementation.js","targetModuleName":"AccessibilityInfo","message":"Unable to resolve module `AccessibilityInfo` from `E:\\ProjectsAndroid\\AwesomeProject\\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 `E:\\ProjectsAndroid\\AwesomeProject\\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 `E:\\ProjectsAndroid\\AwesomeProject\\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 (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ModuleResolution.js:167:1306)\n at ResolutionRequest.resolveDependency (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\node-haste\\DependencyGraph\\ResolutionRequest.js:80:16)\n at DependencyGraph.resolveDependency (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\node-haste\\DependencyGraph.js:237:485)\n at Object.resolve (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\lib\\transformHelpers.js:116:25)\n at dependencies.map.result (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:298:29)\n at Array.map (<anonymous>)\n at resolveDependencies (E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:294:16)\n at E:\\ProjectsAndroid\\AwesomeProject\\node_modules\\metro\\src\\DeltaBundler\\traverseDependencies.js:159:33\n at Generator.next (<anonymous>)\n at step (E:\\ProjectsAndroid\\AwesomeProject\\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
IXARKI
All 8 comments
I got the same issue on _Windows 10_
but now i used Run "react-native init --version="0.55.4" myApp
dyned-Robert
on 12 Jul 2018
👍3
I got the same issue on Windows 10
It is related to https://github.com/facebook/react-native/issues/19953
ramuse
on 12 Jul 2018
i got the same issue when creating a clean react native 0.56 lastest stable release - [Unable to resolve module AccessibilityInfo .... ]
nkabir1986
on 12 Jul 2018
👍5
Got the same issue on Windows 10 like the others, just after I re-upgrading to 0.56.0 to verify the issue #20015.
A bad week for developers using Windows βΉ
kirkcola
on 12 Jul 2018
👍1
After one day lost with this error a found a solution in another topic.
Try to create another project with the version 0.55.4 react-native init --version="0.55.4" MyNewApp
If you named as the same as your old project don't forget to uninstall it form your emulator
cgonzalezp91
on 12 Jul 2018
I got the same issue on Windows 10 :(
guilhermegonzaga
on 13 Jul 2018
👍1
@cgonzalezp91 downgrade is not a solution , 0.56 has many bugfixes like fix bad render borders with corner radius , we need to upgrade to 0.56 .
nkabir1986
on 13 Jul 2018
👍2
😕1
Refer to #19953 for the AccessibilityInfo issue.
kelset
on 13 Jul 2018
Was this page helpful?
0 / 5 - 0 ratings
Related issues
ScottPierce
Β·
137Comments
dishantwalia
Β·
190Comments
samhunta
Β·
162Comments
cpojer
Β·
196Comments
srijak
Β·
134Comments
Most helpful comment
i got the same issue when creating a clean react native 0.56 lastest stable release - [Unable to resolve module
AccessibilityInfo.... ]