React native change listening port

Question

I am using react native android and having face issues to deploy the app on an android device. When I run

react-native start, it won\'t start dev server

Answer 1

After spending a whole day and going through many solutions, a combination of the suggestions helped me resolve this. Follow the steps given below:

1. Create the project using the command: 'react-native init [PROJECT_NAME]'

2. Open the project in Xcode and replace all occurrences of "8081" with "8088" and save the changes

3. Open terminal and change the working directory to the above created project directory. Use the following command to change the port that react native uses: react-native start --port 8088

Once you run this command, you see the following output in the terminal:

As you can see, this starts the Metro instance. Do not kill the command or the terminal window. Let this process run.

4. Open a new terminal window, change the working directory to the project directory and run the react-native project using the command:

react-native run-ios

Once the project builds successfully on the second terminal, you will see a progress bar indicating the loading of the app bundle in the first terminal window as shown below:

On completion of loading the bundle, the app succesfully launches on the simulator

Hope this helps. Happy coding