1. 程式人生 > >React Native專案遇到的問題 -> 埠號修改

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

修改即可,即可完成配置,搖晃手機,重新整理頁面即可!


相關推薦

React Native專案遇到的問題 -> 修改

在執行react native 專案的時候遇到如下問題: 一般情況下,如果本地安裝過一些服務的話,ReactNeact 就會毫不猶豫的給你報出錯誤資訊, 如果你是這個錯誤,那麼你的埠號被佔用了,ReactNative預設埠為8081 如果網頁未顯示react的一些

Vue修改專案啟動

Vue專案啟動時預設埠號是8080,如果要啟動多個專案就會發生衝突,通過以下方式可修改預設埠號 更多精彩 在專案的package.json中可以找到如下程式碼 start屬性指定的檔案就是通過開

React Native專案修改包名

打release包時,要修改包名 1,修改defaultConfig, applicationId:應用的唯一標識() versionCode :釋出到平臺後,版本更新使用(版本迭代時注意) versionName:顯示應用的版本(作用不大)   2,修改MainActi

react-native之遠程圖片修改後APP不更新

reactnative react-native react native 刷新圖片 base64今天在做客戶的項目時,有一個需求是App上要顯示遠端的圖片,而遠端的圖片有可能會更新,但圖片名不變。在react-native中,顯示圖片是用的自帶的Image組件,大家都知道react在更新組件之前都會判斷pr

React Native 專案整合 CodePush 全然指南

作者 | 錢凱 杏仁移動開發project師,前嵌入式project師。關注大前端技術新潮流。 本文使用的環境: [email protected] React [email protected]

解決升級到Xcode10,react native專案執行報錯問題

今天剛升級到Xcode10,就遇到兩個報錯問題 錯誤一:Xcode 10: Build input file double-conversion cannot be found error: Build input file cannot be found: '../node_modules/react-

react-native 專案配置ts執行環境

#全域性安裝 create-react-native-app yarn global add create-react-native-app #建立專案  create-react-native-app  my-app #安裝ts依賴 yarn add typesc

expo搭建react-native專案

react-native官網中推薦開發使用expo去開發和真機啟動專案。 在專案中可以使用expo的腳手架expo-cli去搭建,也可以使用create-react-native-app 腳手架去搭建。部落格中使用的後者。前者可以參考官網 Get Started 全域性安裝腳手架

初始化一個react-native專案

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install

第一次react-native專案實踐要點總結

今天完成了我的第一個react-native專案的封包,當然其間各種環境各種坑,同時,成就感也是滿滿的。這裡總結一下使用react-native的一些入門級重要點(不涉及環境)。注意:閱讀需要語法基礎: ES6 、react 、JSX 我對react-native的理解簡而言之就是 :react

WebStorm執行React Native專案

WebStorm是一款前端開發工具,也可以用於React Native專案 下載安裝WebStorm 下載破解補丁 開啟網址(IntelliJ IDEA 註冊碼),下載補丁 然後將補丁複製

4.React Native專案開發如何配置除錯

本篇主要專案開發中如何除錯及除錯配置; RN除錯感覺比較痛苦,沒有Android開發或者IOS開發那麼靈活,說說如何配置; 1.在你執行起來的Android專案介面按住⌘-M會彈出如下列表 2.選擇Debug JS Remotely選項會自動開啟瀏覽器http://

Facebook 宣佈將重構 React Native 專案 « 關於網路那些事...

React Native 官方在6/14發布一則訊息 為了使React Native更輕量化並更好地適應現有的應用程式,官方正式宣佈,正式啟動重構專案 Reac

如何自動化測試 React Native 專案 (下篇)

接著上篇的內容, 這篇文章會詳細的介紹在 Glow 我們如何寫單元測試, 以及在 React Native 中各個模組單元測試的詳細實現方式。 單元測試工具 - Jest & Enzyme Jest - Facebook Jest 是 Facebook 開源的

如何自動化測試 React Native 專案 (上篇)

React Native (RN) 是 Facebook 開源的跨平臺應用開發框架,由於 RN 提供的高效直觀的跨平臺開發模式和不錯的效能,我們在開發 Glow 的中文 App - 共樂孕的時候選擇了以 RN 為主要框架進行開發。 隨著開發模式的逐漸成熟,對RN專案的自動化測試

如何執行github上react native專案

寫在前面 之前就發現百度上,關於下載github上react native專案(下文稱RN)執行的方法不全,今天抽空整理下,給大家一點靈感。 一、下載RN專案 以react-native-nba-app作為事例 二、執行RN專案 執行終

執行react-native專案遇到的坑

最近接手了一個react-native專案,用xcode執行的時候,各種坑,各種報錯,現在抽時間整理一下 1.找不到標頭檔案 RCTJPushModule.h 一上來就報這個錯,翻閱一些資料找到解決辦法 開啟終端,cd到專案資料夾,輸入 npm install jpu

初始化react-native專案執行採坑

第一坑.react和react-native版本配合有很高的要求 init專案啟動後報如下錯誤: error: bundling failed: "Unable to resolve module `AccessibilityInfo` from `/Users/appl

關於React Native專案在android上UI效能除錯實踐

我們盡最大的努力來爭取使UI元件的效能如絲般順滑,但有的時候這根本不可能做到。要知道,Android有超過一萬種不同型號的手機,而在框架底層進行軟體渲染的時候是統一處理的,這意味著你沒辦法像iOS那樣自

react-native專案連線夜神模擬器詳細步驟-----------小白的天堂

RN專案連線夜神模擬器:   1. 開啟夜神模擬器,電腦進入cmd  連線夜神模擬器  adb connect 127.0.0.1:8081 下邊 會直接顯示結果,當出現connected sucessful時證明連線成功 2. 進入RN專