How to change the port 8081? #10715

codepandy · 2016-11-03T07:25:23Z

Hi,

Because of the port is used by McAfee in my company,it's difficult to develop every time.

whether can the port be changed to another one?

how to do?

ltwaia · 2016-11-03T08:06:39Z

There are two files needed to be modified about port 8081:

react-native/local-cli/server/server.js - default
2.react-native/React/React.xcodeproj/project.pbxproj - replace all 8081
above two, it's ok;

ummahusla · 2016-11-03T10:11:11Z

What about react-native start --port 9988 ?

hramos · 2016-11-03T14:16:57Z

You'll need to start the packager on a different port using the --port flag, and also modify any files in the iOS/Android project that use the 8081 port. See #9145 for an on-going discussion. I'll go ahead and close this as duplicate.

codepandy · 2016-11-04T02:37:21Z

@hramos @ummahusla @ltwaia

node_modules/react-native/local-cli/server/server.js
2.node_modules/react-native/React/React.xcodeproj/project.pbxproj
3.node_modules/react-native/React/Base/RCTBundleURLProvider.m
4.node_modules/react-native/Libraries/WebSocket/RCTWebSocketExecutor.m
5.node_modules/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
6.react-native/packager/react-packager/src/Server/tests/Server-test.js
7.react-native/local-cli/util/isPackagerRunning.js
8.react-native/Libraries/Image/tests/resolveAssetSource-test.js

I modified all of the files listed above,the packager could be started,but when I ran the command "react-native run-android",it didn't still worked.
there was a error:

Could not run adb reverse:Command failed: C:\users\jack\AppData\Local\Android\sdk/platform-tools/adb -s 029ds34d reverse tcp:8081 tcp:8081

Aaronius · 2017-01-14T05:11:26Z

@codepandy I replaced EVERY 8081 I could find in my project with 8088 which seemed to work.

liuxh0 · 2017-02-15T11:15:22Z

My 8081 port is also occupied by McAfee. Combining the answer of @ltwaia and @Aaronius, it finally worked for me!

falbertp · 2017-03-09T08:43:47Z

Got the same problem here on Genymotion, android studio emulator and real devices. Isn't there any elegant alternative rather than need to change every files to another port other than 8081?

themnd · 2017-05-10T07:30:15Z

our server component bind on port 8081, running the react-native client on the same machine is cumbersome...

ghost · 2017-07-06T20:24:16Z

Changed EVERY instance of port from 8081 to something else... then deleted the .babelrc file at the root of the app directory... ran again and it works. That was way too difficult. This crap needs to be fixed. Just spent 4 hours trying to figure out a solution.

hramos · 2017-07-21T18:04:22Z

Duplicate of #9145

Summary: Thanks for submitting a PR! Please read these instructions carefully: - [x ] Explain the **motivation** for making this change. - [x ] Provide a **test plan** demonstrating that the code is solid. - [x ] Match the **code formatting** of the rest of the codebase. - [x ] Target the `master` branch, NOT a "stable" branch. The section on changing ports is missing a key step for folks wishing to run on device What existing problem does the pull request solve? Changing packager port to something other than 8081 also requires the react native xcode project file to be updated in order to be able to build and run on device. The section on changing ports currently does not address this. See #10715 (comment). Documentation update, no tests required. A good test plan has the exact commands you ran and their output, provides screenshots or videos if the pull request changes UI or updates the website. See [What is a Test Plan?][1] to learn more. If you have added code that should be tested, add tests. Sign the [CLA][2], if you haven't already. Small pull requests are much easier to review and more likely to get merged. Make sure the PR does only one thing, otherwise please split it. Make sure all **tests pass** on both [Travis][3] and [Circle CI][4]. PRs that break tests are unlikely to be merged. For more info, see the ["Pull Requests"][5] section of our "Contributing" guidelines. [1]: https://medium.com/martinkonicek/what-is-a-test-plan-8bfc840ec171#.y9lcuqqi9 [2]: https://code.facebook.com/cla [3]: https://travis-ci.org/facebook/react-native [4]: http://circleci.com/gh/facebook/react-native [5]: https://github.com/facebook/react-native/blob/master/CONTRIBUTING.md#pull-requests Closes #14293 Differential Revision: D5647393 Pulled By: hramos fbshipit-source-id: 040c3edea7d25c0efe560d5df30e86e1f26355bc

juliantellez · 2017-09-20T21:41:50Z

@codepandy @liuxh0 I just ran into the same problem, thanks McAfee 👎
this is how I stopped the macmn process

sudo lsof -n -i4TCP:8081 # get the process' PID
sudo launchctl list | grep 5693 # find the launchd endpoint
sudo launchctl remove com.mcafee.agent.macmn

Qvatra · 2017-10-17T15:16:24Z

same problem here.

swap7206 · 2017-11-02T15:27:43Z

Same problem , trying it on windows

aelshamy · 2017-11-15T20:12:32Z

npm start -- --port=8080 worked for me

pranavdixit · 2017-11-16T10:17:23Z

Two Steps which worked for me:

node_modules/react-native/local-cli/server/server.js
change "default: 8081, " to "default: 1234,"
On android emulator press cmd +m(for mac)
Dev Settings > Debug server host & port for device >"10.0.2.2:1234"

noumantahir · 2018-01-23T07:38:05Z

These are the files where I had to tweak port number to make it work on a different port

node_modules/react-native/local-cli/server/server.js

XCode -> [App]/Libraries/React.xcodeproj/React/Base/RCTBundleURLProvider.m

XCode -> [App]/Libraries/React.xcodeproj/React/Base/RCTBridgeDelegate.m

XCode -> [App]/Libraries/React.xcodeproj/React/DevSupport/RCTInspectorDevServerHelper.mm

XCode -> [App]/Libraries/RCTWebSocket.xcodeproj/RCTWebSocketExecutor.m

Afterwards, running simple react-native run-ios without specifying any extra argument ran the package and app on my selected port. I am using "react-native": "0.52.0"

amarnathpatel · 2018-02-19T12:41:45Z

Two Steps which worked for me:

node_modules/react-native/local-cli/server/server.js
change "default: 8081, " to "default: 8088,"
On android emulator press cmd +m(for mac)
Dev Settings > Debug server host & port for device >"10.0.2.2:8088"

amarnathpatel · 2018-02-19T12:45:13Z

For debugging(Windows) , open the react native debugger -
http://localhost:8088/debugger-ui

Then press Ctrl +Shift + J , this will open Developer Tools where you can use tabs like Console, Source etc.

Louies89 · 2018-02-19T14:02:40Z

Hi All,
I found the same issue while running in windows environment and simulating using android simulator.
After doing some trial & error, I found the solution as below:

1>> Change the port in "\node_modules\react-native\local-cli\server\server.js" from default:

process.env.RCT_METRO_PORT || 8081

to

default: process.env.RCT_METRO_PORT || 9088

if the port is blocked or issued to some other application.
Note: You can choose any port number, I have chosen 9088
2>> Run the command react-native run-android --port 9088 (Put your port number here). This port shall be sent to adb running, so that both server and adb shall be in same port.
3>> Now in Android studio simulator, press Ctrl+m, to go for "Dev Setting", then select Debug Server port & host for Device, set "localhost:9088".
4>> Open developer console in chrome using the url http://localhost:9088/debugger-ui/

Now it will start loading the changes you make in your application.

Enjoy coding now :)

FisherEat · 2018-04-21T01:45:50Z

8081端口被占用，我是用这种方式实现的

react-native/local-cli/server/server.js - default
react-native/React/React.xcodeproj/project.pbxproj - replace all "port" 8081 ,not fileref
above two, it still cannot run . So you should search global in you native project in Xcode ,change all
@ltwaia

hramos closed this as completed Nov 3, 2016

G2Jose mentioned this issue Jun 1, 2017

Updated troubleshooting - changing port section #14293

Closed

zibs mentioned this issue Jul 21, 2017

React Native Changes Not Loading #15095

Closed

hramos marked this as a duplicate of #9145 Jul 21, 2017

jerrykurian mentioned this issue Nov 18, 2017

Could not connect to development server on android emulator and on real device #15388

Closed

preethi-pnrao mentioned this issue Jan 4, 2018

Debugger doesn't work with Android apps when packager uses non-standard port #9935

Closed

Dorentin1997 mentioned this issue Jan 11, 2018

Unable to run packager on a different port to 8081 on Windows with runAndroid #17497

Closed

facebook locked as resolved and limited conversation to collaborators May 24, 2018

react-native-bot added the Resolution: Locked This issue was locked by the bot. label Jul 19, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How to change the port 8081? #10715

How to change the port 8081? #10715

codepandy commented Nov 3, 2016

ltwaia commented Nov 3, 2016

ummahusla commented Nov 3, 2016

hramos commented Nov 3, 2016

codepandy commented Nov 4, 2016 •

edited

Loading

Aaronius commented Jan 14, 2017

liuxh0 commented Feb 15, 2017

falbertp commented Mar 9, 2017

themnd commented May 10, 2017

ghost commented Jul 6, 2017

hramos commented Jul 21, 2017

juliantellez commented Sep 20, 2017

Qvatra commented Oct 17, 2017

swap7206 commented Nov 2, 2017

aelshamy commented Nov 15, 2017

pranavdixit commented Nov 16, 2017

noumantahir commented Jan 23, 2018

amarnathpatel commented Feb 19, 2018

amarnathpatel commented Feb 19, 2018 •

edited

Loading

Louies89 commented Feb 19, 2018 •

edited

Loading

FisherEat commented Apr 21, 2018

How to change the port 8081? #10715

How to change the port 8081? #10715

Comments

codepandy commented Nov 3, 2016

ltwaia commented Nov 3, 2016

ummahusla commented Nov 3, 2016

hramos commented Nov 3, 2016

codepandy commented Nov 4, 2016 • edited Loading

Aaronius commented Jan 14, 2017

liuxh0 commented Feb 15, 2017

falbertp commented Mar 9, 2017

themnd commented May 10, 2017

ghost commented Jul 6, 2017

hramos commented Jul 21, 2017

juliantellez commented Sep 20, 2017

Qvatra commented Oct 17, 2017

swap7206 commented Nov 2, 2017

aelshamy commented Nov 15, 2017

pranavdixit commented Nov 16, 2017

noumantahir commented Jan 23, 2018

amarnathpatel commented Feb 19, 2018

amarnathpatel commented Feb 19, 2018 • edited Loading

Louies89 commented Feb 19, 2018 • edited Loading

FisherEat commented Apr 21, 2018

codepandy commented Nov 4, 2016 •

edited

Loading

amarnathpatel commented Feb 19, 2018 •

edited

Loading

Louies89 commented Feb 19, 2018 •

edited

Loading