V2: Cannot find entry file index.android.js

[larryranches]

Issue Description

Using RNN V2 and RN 0.54.4 on a brand new React Native project, I get the error of Cannot find entry file index.android.js.

I was able to fix the error by adding a index.android.js file with the RNN app launch code and all is working fine. It seems in the build.gradle file, its set to use the proper index.js root file

project.ext.react = [
    entryFile: "index.js"
]

but it's still looking for a index.android.js at the root of the RN project.

Is this supposed to be a pre-requisite step for v2 that should be in the docs for Android, or is it a bug?

Steps to Reproduce / Code Snippets / Screenshots

react-native run-android

---

Environment

• React Native Navigation version: 2.0.2237
• React Native version: 0.54.4
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator/Debug

[guyca]

New react native apps are created with a single index file, therefore we officially support single index file. You're welcome to PR instructions to the docs regarding usage of index.android and index.ios

[larryranches]

@guyca Thanks for your response.

V2 seems to support ios with the single index file but not Android. The error I mentioned above is very telling in the fact that it's looking for a index.android.js file in the RN project root that isn't there with a brand new project using a <= 0.50 RN version. When I add the index.android.js file with the launcher code, It works fine.

Your saying that v2 officially supports a single index file but in Android the error is saying otherwise so this is probably a bug.

If not, I'll happily submit a PR for the V2 documentation stating that you need to create a index.android.js in the root with the app launch code.

[bas-ie]

I'm noticing this too: despite

    @Override
    protected String getJSMainModuleName() {
      return "index";
    }

in MainApplication.java, the expected bundle location appears to be index.android.js.

[bas-ie]

To be clear, the bundling error is:

error: bundling failed: Error
    at DependencyGraph.getAbsolutePath (/home/basie/hylo/mobile/node_modules/metro/src/node-haste/DependencyGraph.js:316:11)
    at /home/basie/hylo/mobile/node_modules/metro/src/DeltaBundler/DeltaCalculator.js:280:416
    at Generator.next (<anonymous>)
    at step (/home/basie/hylo/mobile/node_modules/metro/src/DeltaBundler/DeltaCalculator.js:11:445)
    at /home/basie/hylo/mobile/node_modules/metro/src/DeltaBundler/DeltaCalculator.js:11:605
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:188:7)
 BUNDLE  [android, dev] ./index.android.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

[guyca]

I'm adding this to the 2.0 milestone but would appreciate a PR as I can't address this ATM

[viotti]

This is what I had to do in order to use index.js on Android.

Edit android/app/src/main/java/com/yourproject/MainApplication.java.

package com.yourproject; // Update package name here.

import java.util.ArrayList;
import java.util.List;

import android.support.annotation.Nullable;

import com.facebook.react.ReactNativeHost;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;

import com.reactnativenavigation.NavigationApplication;
import com.reactnativenavigation.react.NavigationPackage;
import com.reactnativenavigation.react.ReactGateway;
import com.oblador.vectoricons.VectorIconsPackage;
import com.kishanjvaghela.cardview.RNCardViewPackage;
import com.BV.LinearGradient.LinearGradientPackage;
import com.github.wuxudong.rncharts.MPAndroidChartPackage;
import com.learnium.RNDeviceInfo.RNDeviceInfo;

public class MainApplication extends NavigationApplication {
  @Override
  public boolean isDebug() {
    return BuildConfig.DEBUG;
  }

  @Override
  protected ReactGateway createReactGateway() {
    return new ReactGateway(this, isDebug(),
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
          List<ReactPackage> packages = new ArrayList<>();

          packages.add(new MainReactPackage());
          packages.add(new NavigationPackage(this));

          // Replace those.
          // packages.add(new VectorIconsPackage());
          // packages.add(new RNCardViewPackage());
          // packages.add(new LinearGradientPackage());
          // packages.add(new RNDeviceInfo());
          // packages.add(new MPAndroidChartPackage());

          return packages;
        }

        @Override
        protected String getJSMainModuleName() {
          return "index";
        }
      }
    );
  }

  @Nullable
  @Override
  public List<ReactPackage> createAdditionalReactPackages() {
    return null;
  }
}

Override getPackages with the packages you use. Take care not to remove the main react package and the navigation package, respectively,new MainReactPackage() and new NavigationPackage(this)

Also, in android/app/build.gradle update the entryFile option.

project.ext.react = [entryFile: 'index.js']

[gabrielvcbessa]

Will they fix it?