解決React Native端口號(hào)修改的方法
本文介紹了解決React Native端口號(hào)修改的方法，分享給大家，具體如下：
看圖說(shuō)話
一般情況下,如果本地安裝過一些服務(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，打開開發(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è)面即可！
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解如何用webpack4從零開始構(gòu)建react開發(fā)環(huán)境
這篇文章主要介紹了詳解如何用webpack4從零開始構(gòu)建react開發(fā)環(huán)境，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2019-01-01
在React中,編寫樣式主要有以下幾種方式,內(nèi)聯(lián)樣式,外部樣式表,CSS Modules,Styled Components,Emotion和Radium這六種樣式,下面我將針對(duì)上面提到的6種方式給出詳細(xì)的代碼示例,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了React?在非組件環(huán)境切換路由的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-10-10
本文主要介紹了Redux中異步action與同步action的使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
React 事件綁定的實(shí)現(xiàn)及區(qū)別
事件綁定也是其中一部分內(nèi)容,通過事件委托和事件合成,React 在內(nèi)部對(duì)事件進(jìn)行優(yōu)化和處理,減少了事件處理函數(shù)的調(diào)用次數(shù),從而提升了性能,本文主要介紹了React事件綁定的實(shí)現(xiàn)及區(qū)別,感興趣的可以了解一下2024-03-03
這篇文章主要為大家詳細(xì)介紹了React 使用Effect Hook的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-03-03
這篇文章主要介紹了React hooks異步操作踩坑記錄,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
ReactNative頁(yè)面跳轉(zhuǎn)實(shí)例代碼
這篇文章主要介紹了ReactNative頁(yè)面跳轉(zhuǎn)的代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
webpack打包react項(xiàng)目的實(shí)現(xiàn)方法
這篇文章主要介紹了webpack打包react項(xiàng)目的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-06-06
詳解react-native WebView 返回處理(非回調(diào)方法可解決)
這篇文章主要介紹了詳解react-native WebView 返回處理(非回調(diào)方法可解決)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-02-02