react native如何修改端口

这篇文章主要介绍react native如何修改端口，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！react native修改端口的方法：1、通过npm start命令启动React Native本地服务器的端口号；2、修改server.js文件；3、将默认的8081端口修改为你想要的端口号即可。本文操作环境：Windows7系统、react17.0.1、Dell G3。当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了：8081端口被其他程序占用(比如杀毒软件)，导致React Native无法正常启动8081的服务；如果你想同时运行多个React Native项目；如果你好奇React Native的默认8081是如何设置的，想修改它；启动React Native服务默认会监听8081端口，那么如何修改这个默认的端口呢免费云主机、域名？接下来就跟着我一步一步的来修改React Native服务默认监听的端口吧！所谓Server端口，也就是我们通过npm start或者react-native run-xxx命令启动的React Native本地服务器的端口号，如图：
查看最新的server.js的源码，不难发现一下一段代码：从上述代码中可以看出，我们在启动react native服务的时候可以为它指定一个端口号：提示：上述代码，是2017年8月1号提交的一个pull request，所以说在2017年8月1之前的React Native版本是没有这个功能的。要永久修改这个默认端口号，我们需要修改server.js文件，server.js所在位置，在：找到这个文件，打开它，然后将默认的8081端口修改为你想要的端口号即可：修改好之后，需要验证一下有么有生效，怎么验证呢，方法很简单，在项目根目录下运行npm start即可：
从上图可以看出，这里我们已经将react-native的默认端口修改为了8082。在修改了React Native 服务的端口号之后，我们要需改iOS项目的端口号让它从新端口获取jsbundle，否则的话会出现No bundle URL present错误。提示：如果你的React Native项目没有iOS模块可以忽略此步骤；通过XCode打开React Native项目中的iOS项目；修改以下文件的端口号：RCTWebSocketExecutor.mRCTBridgeDelegate.hRCTBundleURLProvider.mRCTInspectorDevServerHelper.mmRCTPackagerConnectionBridgeConfig.m为了方便查找这些文件并定位到端口号，你可以借助XCode的Show the Find navigator功能来查找文本8081

接下就可以通过react-native run-ios来运行iOS项目并从新的端口读取jsbundle了。在修改了React Native 服务的端口号之后，我们要需改Android项目的端口号让它从新端口获取jsbundle，否则的话会出现No bundle URL present错误。提示：如果你的React Native项目没有Android模块可以忽略此步骤；打开调试工具(Dev Settings)，可以通过(command+M) 完成;点击 Debug server host & port for device，添加localhost:xxx其中xxx为新的端口地址；

重新reload一下，就可以从新的端口加载jsbundle了。另外，如果你的项目是源码级依赖React Native的话，也可以通过修改AndroidInfoHelpers.java文件来完成对Android项目的端口的修改。以上是“react native如何修改端口”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注云技术行业资讯频道！

相关推荐: css如何为XML文档中的元素设置样式

这篇文章主要介绍css如何为XML文档中的元素设置样式，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！以上免费云主机、域名是“css如何为XML文档中的元素设置样式”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关…