解決React Native端口號修改的方法
更新時間：2017年07月28日 10:14:17 作者：Rkatsiteli
這篇文章主要介紹了解決React Native端口號修改的方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
本文介紹了解決React Native端口號修改的方法，分享給大家，具體如下：
看圖說話
一般情況下,如果本地安裝過一些服務的話，ReactNeact 就會毫不猶豫的給你報出錯誤信息，
如果你是這個錯誤，那么你的端口號被占用了，ReactNative默認端口為8081
解決方案1：
很簡單，找到使用node生成的ReactNative項目 使用node命令：
在cmd命令中，切換到項目目錄下，輸入:
react-native start --port 9999
接下來，繼續(xù)走
然后，搖晃設備或者命令行輸入adb shell input keyevent 82，打開開發(fā)者菜單
點擊Dev Settings（提示：最后一個tab）進入，然后選擇Debug server host& port for device
進行IP地址及其端口號配置，例如：
輸入完成之后，點擊確定，回到開發(fā)者菜單，然后選擇點擊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 映射
然后在控制臺cmd中運行：
npm start react-native start –port 8099
修改即可，即可完成配置，搖晃手機，刷新頁面即可！
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
詳解如何用webpack4從零開始構建react開發(fā)環(huán)境
這篇文章主要介紹了詳解如何用webpack4從零開始構建react開發(fā)環(huán)境，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
在React中,編寫樣式主要有以下幾種方式,內聯(lián)樣式,外部樣式表,CSS Modules,Styled Components,Emotion和Radium這六種樣式,下面我將針對上面提到的6種方式給出詳細的代碼示例,需要的朋友可以參考下2024-01-01
這篇文章主要介紹了React?在非組件環(huán)境切換路由的方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
本文主要介紹了Redux中異步action與同步action的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-07-07
事件綁定也是其中一部分內容,通過事件委托和事件合成,React 在內部對事件進行優(yōu)化和處理,減少了事件處理函數(shù)的調用次數(shù),從而提升了性能,本文主要介紹了React事件綁定的實現(xiàn)及區(qū)別,感興趣的可以了解一下2024-03-03
這篇文章主要為大家詳細介紹了React 使用Effect Hook的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
這篇文章主要介紹了React hooks異步操作踩坑記錄,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了ReactNative頁面跳轉的代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了webpack打包react項目的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
詳解react-native WebView 返回處理(非回調方法可解決)
這篇文章主要介紹了詳解react-native WebView 返回處理(非回調方法可解決)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02