如何解決React Native端口號(hào)修改的問題

這篇文章主要為大家展示了“如何解決React Native端口號(hào)修改的問題”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何解決React Native端口號(hào)修改的問題”這篇文章吧。

具體如下：

看圖說話

一般情況下,如果本地安裝過一些服務(wù)的話，ReactNeact 就會(huì)毫不猶豫的給你報(bào)出錯(cuò)誤信息，

如果你是這個(gè)錯(cuò)誤，那么你的端口號(hào)被占用了，ReactNative默認(rèn)端口為8081

解決方案1：

很簡(jiǎn)單，找到使用node生成的ReactNative項(xiàng)目 使用node命令：

在cmd命令中，切換到項(xiàng)目目錄下，輸入:

react-native start --port 9999

接下來，繼續(xù)走

然后，搖晃設(shè)備或者命令行輸入adb shell input keyevent 82，打開開發(fā)者菜單

點(diǎn)擊Dev Settings（提示：最后一個(gè)tab）進(jìn)入，然后選擇Debug server host& port for device

進(jìn)行IP地址及其端口號(hào)配置，例如：

輸入完成之后，點(diǎn)擊確定，回到開發(fā)者菜單，然后選擇點(diǎn)擊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 映射

然后在控制臺(tái)cmd中運(yùn)行：

npm start react-native start –port 8099

修改即可，即可完成配置，搖晃手機(jī)，刷新頁(yè)面即可！

以上是“如何解決React Native端口號(hào)修改的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！