How to build debug apk in react native

Question

I want to build unsigned apk or debug apk. My application is successfully running on localhost. I have tried different methods. But it shows the error. I have got the answer from Here . when applying the command

 react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

It showing the error is

Cannot find entry file index.android.js in any of the roots: ["D:\\workspace\\reactjs\\native\\myapp5"]

Then i have change index.android.js to App.js

Then it will showing the error is

ENOENT: no such file or directory, open 'D:\workspace\reactjs\native\myapp5\android\app\build\intermediates\assets\debug\index.android.bundle'

How to solve this problem? Please help me.

My react native versions are react-native-cli: 2.0.1 , react-native: 0.52.0 . Screenshot of my root folder i have posted.

when i run gradlew assembleDebug in android folder it showing the error.

please confirm index.android.js exist in your root, it might be index.js not index.android.js in newer version of react-native, — nish
– nish, Commented Mar 23, 2018 at 4:37
index.js is not found in root folder. App.js is available in root folder. — Joe
– Joe, Commented Mar 23, 2018 at 4:40

Kishor Pawar · Accepted Answer · 2023-03-22 13:18:29Z

22

In your root project directory

Ensure you already have a directory android/app/src/main/assets/. If not already there, create a directory.

After that create a new file and save it as index.android.bundle and put your file in like this android/app/src/main/assets/index.android.bundle

After that has been done, run the following command

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/

and finally, run the following command.

cd android && ./gradlew assembleDebug

then you can get apk app/build/outputs/apk/debug/app-debug.apk

edited Mar 22, 2023 at 13:18

Kishor Pawar

3,5463 gold badges34 silver badges64 bronze badges

answered Jun 10, 2019 at 4:57

Jeeva

1,7971 gold badge12 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shahid Iqbal Over a year ago

This is the correct solution latest react native SDK. Worked well on 0.55.9

Kishor Pawar Over a year ago

Worked as of March 2023.

Haswin · Accepted Answer · 2018-03-23 08:18:40Z

4

The problem here is that you do not seem to have the entry file you have specified for react native bundle:

index.android.js

Replace it with your project's entry file index.js or app.js according to your project structure.

Update:

react-native bundle --dev false --platform android --entry-file <your-entry-file> --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

Create debug build:

cd android && ./gradlew assembleDebug

Your apk will be at android/app/build/outputs/apk

edited Mar 23, 2018 at 8:18

answered Mar 23, 2018 at 6:18

Haswin

7078 silver badges20 bronze badges

12 Comments

Joe Over a year ago

I have used app.js. Then it shows the error is " ENOENT: no such file or directory, open 'D:\workspace\reactjs\native\myapp5\android\app\build\intermediates\assets\debug\index.android.bundle' "

Haswin Over a year ago

@Joe I updated my answer. replace your entry file name with <your-entry-file>

Joe Over a year ago

showing the same error. " ENOENT: no such file or directory, open 'D:\workspace\reactjs\native\myapp5\android\app\build\intermediates\assets\debug\index.android.bundle"

Haswin Over a year ago

@Joe can you post the output of cd android && ./gradlew assembleDebug

Joe Over a year ago

The output is " The system cannot find the path specified. "

|

Waqar UlHaq · Accepted Answer · 2019-11-30 13:28:29Z

In the root folder of your project, run the following command:

For RN Old Version:

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 
react-native bundle --platform android --dev false --entry-file index.android.js 
--bundle-output android/app/src/main/assets/index.android.bundle
--assets-dest android/app/src/main/res 
&& cd android && ./gradlew clean assembleDebug && cd ../

For RN New Version:

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 
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 && 
cd android && ./gradlew clean assembleDebug && cd ../

The apk is generated in following folder:

app/build/outputs/apk/debug/app-debug.apk

And if you want to run the apk on simulator. Run the following command:

react-native run-android --variant=debug

Nafees · Accepted Answer · 2021-03-19 19:28:57Z

2

This will work..

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/

cd android && ./gradlew assembleDebug

answered Mar 19, 2021 at 19:28

Nafees

1,0621 gold badge13 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to build debug apk in react native

4 Answers 4

2 Comments

12 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

12 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related