解決React Native端口號(hào)修改的方法

本文介紹了解決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ī)，刷新頁面即可！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com