React Native项目端口号修改

来源:互联网 发布:怎么退出淘宝嘉年华 编辑:程序博客网 时间:2024/05/29 08:55

在我们通过react-native init 【project-name】命令初始化项目的时候,创建的项目默认端口号为8081,所以当我们同时开启多个项目或者有其他任务进程占用8081端口号的时候就会报错,说端口号被占用,这时候我们就可以对当前React Native项目修改8081端口号,方法有下面两种:

1.在命令行窗口以其他端口号启动运行

首先在cmd命令中,在项目目录下输入:react-native start –port 8888(其他端口号),如图:
这里写图片描述
然后在模拟器或者真机上打开开发者菜单,进入Dev Settings,然后选择Debug server host& port for device进行IP地址及其端口号配置,例如:
这里写图片描述
输入完成后返回开发者菜单点击Reload JS重新加载即可,下次启动直接指定相应端口号即可,这里就是:react-native start –port 8888

2.修改映射代理地址端口号

在Android中找android/app/src/main/java/MainApplication(Android 主入口文件)类名,找到 onCreate方法进行修改为:

@Override  public void onCreate() {    super.onCreate();    //SoLoader.init(this, /* native exopackage */ false);    SharedPreferences mPreferences =    PreferenceManager.getDefaultSharedPreferences(getApplicationContext());    mPreferences.edit().putString("debug_http_host","localhost:9999").commit();  }

然后在控制台cmd中运行:npm start react-native start –port 9999 刷新页面即可。