Question

我改变默认端口的步骤：

react-native start --port 9999。
react-native run-android。
更改应用中的端口。

有简单的方法吗？

Answer 1

您还可以使用更改本机节点模块your_app\node_modules\react-native\local-cli\server\server.js中的更改默认服务器来更改永久端口，并将端口8081更改为9999，如下所示：

....
module.exports = {
 name: 'start',
 func: server,
 description: 'starts the webserver',
 options: [{
   command: '--port [number]',
   default: 8081,  //change to 9999
   parse: (val: string) => Number(val),
 },
 ....

我希望这个答案可以帮助你：）

Answer 2

通过以下命令更新您的本机项目的端口。只需将以下代码保存在文件中即可命名为update-port并由/file/path/update-port在您的本机项目级别运行此文件（在运行npm start或yarn start的情况下，要更改任何内容，只需运行yarn start，您的代码就会自动在8082上运行。

注意：-

您可以在项目级别直接在命令下运行。
您还可以更新端口号，将8082替换为您的端口号。
对于Android，您需要在dav setting/Debug Server host & port for device中设置端口，然后将端口设置为127.1.0.0:8082 （首先是您的IP，然后使用您的端口）。
无论何时更新节点模块，默认端口都会自动更改，然后请重新运行update-port文件。

#!/bin/bash


sed -i '' 's/8081/8082/g' ./node_modules/react-native/local-cli/server/server.js
sed -i '' 's/8081/8082/g' ./node_modules/react-native/React/Base/RCTBridgeDelegate.h
sed -i '' 's/8081/8082/g' ./node_modules/react-native/React/Base/RCTDefines.h
sed -i '' 's/8081/8082/g' ./node_modules/react-native/React/DevSupport/RCTInspectorDevServerHelper.mm
sed -i '' 's/8081/8082/g' ./node_modules/react-native/React/React.xcodeproj/project.pbxproj
sed -i '' 's/8081/8082/g' ./node_modules/react-native/local-cli/runIOS/runIOS.js
sed -i '' 's/8081/8082/g' ./node_modules/react-native/local-cli/util/isPackagerRunning.js
sed -i '' 's/8081/8082/g' ./node_modules/react-native/local-cli/runAndroid/runAndroid.js
sed -i '' 's/8081/8082/g' ./node_modules/react-native/Libraries/RCTTest/RCTTestRunner.m

当我输入react-native run-android时，是否有一种简单的方法可以更改默认端口？

2 个答案: