解决React Native端口号修改的方法
更新时间：2017年07月28日 10:14:17 作者：Rkatsiteli
这篇文章主要介绍了解决React Native端口号修改的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了解决React Native端口号修改的方法，分享给大家，具体如下：
看图说话
一般情况下,如果本地安装过一些服务的话，ReactNeact 就会毫不犹豫的给你报出错误信息，
如果你是这个错误，那么你的端口号被占用了，ReactNative默认端口为8081
解决方案1：
很简单，找到使用node生成的ReactNative项目 使用node命令：
在cmd命令中，切换到项目目录下，输入:
react-native start --port 9999
接下来，继续走
然后，摇晃设备或者命令行输入adb shell input keyevent 82，打开开发者菜单
点击Dev Settings（提示：最后一个tab）进入，然后选择Debug server host& port for device
进行IP地址及其端口号配置，例如：
输入完成之后，点击确定，回到开发者菜单，然后选择点击Reload JS。重新加载即可。
解决方案2：
在Android中找到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:8099").commit();
}
PS：通过 linux 映射
然后在控制台cmd中运行：
npm start react-native start –port 8099
修改即可，即可完成配置，摇晃手机，刷新页面即可！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了React 父子组件通信的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要介绍了React key值的作用和使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
React是一种流行的JavaScript库,用于构建用户界面,它提供了一种简单而灵活的方式来创建交互式的Web应用程序,在React中,我们经常需要监听用户的键盘事件,以便根据用户的输入做出相应的反应,本文将向您介绍如何在React中有效地监听键盘事件,并展示一些常见的应用场景2023-11-11
在React面向组件编程中，除了上一章节的组件实例的三大核心属性以外，还有很多重要的内容比如：React 的生命周期，受控组件与非受控组件，高阶函数和函数柯里化的理解等，在本文中会给大家继续讲解React 面向组件编程中剩余的内容2023-03-03
这篇文章主要介绍了react 中 mobx的使用案例详解,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
React之错误边界 Error Boundaries示例详解
这篇文章主要为大家介绍了React之错误边界Error Boundaries示例教程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
本文主要介绍了React的相关知识，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
react不同于vue，通过在路由里设置meta元字符实现路由拦截。本文就详细的介绍一下，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了Reactjs实现通用分页组件的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
本文主要介绍了浅谈React组件props默认值的设置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
最新评论