运行React Native项目的时候,React Native会启动一个默认端口号8081,但是这个端口经常会被其他程序占用(比如mcafee之类的杀毒软件),这个时候我们就需要修改React Native的默认端口了。
1. 修改npm端口
在终端运行npm start会提示端口被占用

这个时候需要修改server.js的源码
进入你的项目/node_modules/react-native/local-cli/server/server.js,打开搜索8081,将它改为新的端口号,例如8082

此时我们再运行npm start,就不会报错了。
2. 修改react native项目的端口号
使用XCode打开你的项目,使用XCdoe的搜索,查找所有的8081,全部替换为新的端口号

找到XCode左侧 Libraries>React.xcodeproj,点击右侧上面Build Phases,展开Start Packager,将代码里的8081替换为新的端口号

此时在XCode重新编译就不会报端号被占用的错误了。
网友评论