React Native專案遇到的問題 -> 埠號修改
在執行react native 專案的時候遇到如下問題:
一般情況下,如果本地安裝過一些服務的話,ReactNeact 就會毫不猶豫的給你報出錯誤資訊,
如果你是這個錯誤,那麼你的埠號被佔用了,ReactNative預設埠為8081
如果網頁未顯示react的一些js程式碼相關的內容,說明埠設定不正確!解決方案1:
很簡單,找到使用node生成的ReactNative專案 使用node命令:
在cmd命令中,切換到專案目錄下,輸入:
react-native start --port 9999
- 1
接下來,繼續走
然後,搖晃裝置或者命令列輸入adb shell input keyevent 82,開啟開發者選單
點選Dev Settings(提示:最後一個tab)進入,然後選擇Debug server host& port for device
進行IP地址及其埠號配置,例如:
這裡的IP地址是本機的IPv4地址。
輸入完成之後,點選確定,回到開發者選單,然後選擇點選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();
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
PS:通過 linux 對映
然後在控制檯cmd中執行:
npm start react-native start –port 8099
修改即可,即可完成配置,搖晃手機,重新整理頁面即可!