Unable to load script from assets 'index.android.bundle'

[damir-bajramovic]

Environment

React Native Environment Info:
System:
OS: Windows 10
CPU: x64 Intel(R) Core(TM) i5-3570 CPU @ 3.40GHz
Memory: 2.75 GB / 7.88 GB
Binaries:
npm: 6.1.0 - C:\Program Files\nodejs\npm.CMD
IDEs:
Android Studio: Version 3.1.0.0 AI-173.4819257

Description

I followed instructions from here: https://facebook.github.io/react-native/docs/getting-started.html
for Windows and Android

I ran react-native init wallet in cmd
I ran react-native run-android inside wallet directory

Everything seems to go well on my computer, the node console opens (I guess that is the packager). On my mobile device (Alview P6 lite) I get this:

and when I reload this:

As suggested here https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows

I made an assets directory in android/app/src/main

running react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res gives following result:

Scanning folders for symlinks in D:\blabla\wallet\node_modules (32ms)
Scanning folders for symlinks in D:\blabla\wallet\node_modules (33ms)
Loading dependency graph, done.
Loading dependency graph...
Unable to resolve module `AccessibilityInfo` from `D:\blabla\wallet\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-*`.

I am clueless. What to do?

[damir-bajramovic]

There was quite a few things I did and tried. Don't know what actually did the trick:

• npm install
• tried this, but didn't work at first. Made the assets directory, but there was a new issue... Here is the issue output:

Unable to resolve module AccessibilityInfo from E:\ReactNative\wallet\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 #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-*.

(NOTE: things suggested by the output didn't work)

• downgraded the react-native package to 0.53.0 version
• NOW the line "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res" actually got executed
• yarn install
• npm clear-cache --force
• Referred to TransformError Cannot read property 'throwIfClosureRequired' of undefined #18969 for "yarn add -D babel-preset-react-native@4.0.0" line