React-native: RNTester doesn't work

[tipoc123]

🐛 Bug Report

I can't force to work your sample RNTester according to manual https://github.com/facebook/react-native/tree/master/RNTester

To Reproduce

1. git clone https://github.com/facebook/react-native.git. It's OK!
2. cd react-native
3. npm install. It's OK, but shows some warnings:

npm WARN @react-native-community/[email protected] requires a peer of react-native@^0.59.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of babel-eslint@^7.2.3 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint@^4.2.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint-plugin-babel@^4.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of babel-eslint@^7.2.3 || ^8.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint@^4.2.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint-plugin-babel@^4.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint@^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of eslint@^3 || ^4 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of jest-haste-map@^24.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of jest-haste-map@^24.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of jest-haste-map@^24.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN The package jest-junit is included as both a dev and production dependency.
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":"linux","arch":"x64"})

1. Prerequisites steps (https://facebook.github.io/react-native/docs/building-from-source.html#android):
   a) Set ANDROID_SDK and ANDROID_NDK (in ~/.bash_profile).
   b) Create RNTester/android/local.properties (with sdk.dir and ndk.dir properties within).
2. ./gradlew :RNTester:android:app:installDebug. It's OK. Apk was installed on my android STB device.
3. ./scripts/packager.sh. It's FAILED. Output:
   error Unable to find React Native files. Make sure "react-native" module is installed in your project dependencies.

Then I open installed RNTesterApp on my device:

Logcat error:

03-14 23:09:49.718 E/unknown:ReactNative(20905): Exception in native call
03-14 23:09:49.718 E/unknown:ReactNative(20905): java.lang.RuntimeException: Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'RNTesterApp.android.bundle' is packaged correctly for release.
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.bridge.CatalystInstanceImpl.jniLoadScriptFromAssets(Native Method)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.bridge.CatalystInstanceImpl.loadScriptFromAssets(CatalystInstanceImpl.java:218)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.bridge.JSBundleLoader$1.loadScript(JSBundleLoader.java:31)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.bridge.CatalystInstanceImpl.runJSBundle(CatalystInstanceImpl.java:247)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.ReactInstanceManager.createReactContext(ReactInstanceManager.java:1152)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.ReactInstanceManager.access$900(ReactInstanceManager.java:123)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at com.facebook.react.ReactInstanceManager$5.run(ReactInstanceManager.java:943)
03-14 23:09:49.718 E/unknown:ReactNative(20905):    at java.lang.Thread.run(Thread.java:818)

Then I close RNTesterApp and run it again. It shows only white screen. Logcat:

03-14 23:31:21.125 W/unknown:ReconnectingWebSocket(20905): Couldn't connect to "ws://localhost:8081/message?device=p212%20-%206.0.1%20-%20API%2023&app=com.facebook.react.uiapp&clientid=DevSupportManagerImpl", will silently retry

Environment

Ubuntu 18.04.2 LTS
Android 6.0.1

[react-native-bot]

Can you run react-native info and edit your issue to include these results under the Environment section?

If you believe this information is irrelevant to the reported issue, you may write [skip envinfo] alongside an explanation in your Environment: section.

[tipoc123]

I ran next command in the cloned repository:

tipoc@tipoc-MS-7817:~/Desktop/react-native$ react-native info
Command `info` unrecognized. Make sure that you have run `npm install` and that you are inside a react-native project.

[grabbou]

Thanks. I am on it.

[tipoc123]

Still doesn't work. The same steps, the same errors.

Did you try to install RNTester by yourself?

[cdskill]

any solution ? I encountered probably the same issue ...

[JserJser]

any solution ? I encountered probably the same issue ...

Thanks. I am on it.

i also have this problem。your answer can not help me . you use docker? i don not use it .and some text in package.json can not find

[sunnylqm]

ping @grabbou

[grabbou]

Have you started packager? Run yarn start from root of React Native.