解決React Native端口號(hào)修改的方法
本文介紹了解決React Native端口號(hào)修改的方法，分享給大家，具體如下：
看圖說(shuō)話
一般情況下,如果本地安裝過(guò)一些服務(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
接下來(lái)，繼續(xù)走
然后，搖晃設(shè)備或者命令行輸入adb shell input keyevent 82，打開(kāi)開(kāi)發(fā)者菜單
點(diǎn)擊Dev Settings（提示：最后一個(gè)tab）進(jìn)入，然后選擇Debug server host& port for device
進(jìn)行IP地址及其端口號(hào)配置，例如：
輸入完成之后，點(diǎn)擊確定，回到開(kāi)發(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：通過(guò) linux 映射
然后在控制臺(tái)cmd中運(yùn)行：
npm start react-native start –port 8099
修改即可，即可完成配置，搖晃手機(jī)，刷新頁(yè)面即可！
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
react?hooks中的useState使用要點(diǎn)
這篇文章主要為大家介紹了react?hooks中的useState使用要點(diǎn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09
這篇文章主要為大家詳細(xì)介紹了react實(shí)現(xiàn)自定義拖拽hook，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
解決react?antd?Table組件使用radio單選框?更新選中數(shù)據(jù)不渲染問(wèn)題
這篇文章主要介紹了解決react?antd?Table組件使用radio單選框?更新選中數(shù)據(jù)不渲染問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
React Native第三方平臺(tái)分享的實(shí)例（Android，IOS雙平臺(tái)）
本篇文章主要介紹了React Native第三方平臺(tái)分享的實(shí)例（Android，IOS雙平臺(tái)），具有一定的參考價(jià)值，有興趣的可以了解一下2017-08-08
如何不使用eject修改create-react-app的配置
許多剛開(kāi)始接觸create-react-app框架的同學(xué)，不免都會(huì)有個(gè)疑問(wèn)：如何在不執(zhí)行eject操作的同時(shí)，修改create-react-app的配置。2021-04-04
這篇文章主要介紹了React引入css的三種方式小結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
react裝飾器與高階組件及簡(jiǎn)單樣式修改的操作詳解
這篇文章主要介紹了react裝飾器與高階組件及簡(jiǎn)單樣式修改的操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-09-09
React?組件權(quán)限控制的實(shí)現(xiàn)
本文主要介紹了React?組件權(quán)限控制的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
ReactNative實(shí)現(xiàn)圖片上傳功能的示例代碼
本篇文章主要介紹了ReactNative實(shí)現(xiàn)圖片上傳功能的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-07-07
這篇文章主要介紹了React文件分段上傳實(shí)現(xiàn)方法，將文件切成多個(gè)小的文件；將切片并行上傳；所有切片上傳完成后，服務(wù)器端進(jìn)行切片合成；當(dāng)分片上傳失敗，可以在重新上傳時(shí)進(jìn)行判斷，只上傳上次失敗的部分實(shí)現(xiàn)斷點(diǎn)續(xù)傳；當(dāng)切片合成為完整的文件，通知客戶端上傳成功2022-11-11