1. 程式人生 > >react-native之Could not connect to development server

react-native之Could not connect to development server

Could not connect to development server是執行react-native到移動端一個經常出現的bug,很多情況下也是讓人很迷茫;但是本人經過一整天的摸索和測試,查詢了很多文件和其他人解決的一些小方法;總結如下:
首先,你要確保你的手機和電腦處在同一WiFi下,如果不在同一個網路下一定會報這個錯誤;而且又不容易發現
如果不是這個錯誤,那你就要按照報錯的型別逐個排除,將錯誤翻譯過來就是:
連線不到開發的伺服器。
請按照以下的步驟來修復此問題:

    -
確保伺服器在執行

- 確保你的裝置或者模擬器連線著電腦,並且手機打開了USB
除錯模式,然後在cmd中執行adb devices來檢視已經連線好的裝置列表
- 確保飛航模式是關閉的 - 如果是使用真機來開發,輸入 adb reverse tcp:8081 tcp:8081來檢查裝置 - 輸入IP8081(這個大家都會)

1,首先檢查包伺服器是否執行正常。
在專案根目錄下開啟命令列,輸入react-native start或者npm start均可開啟伺服器,但是我們需要在PC端確認包伺服器是否執行正常。從瀏覽器端輸入網址為:http://localhost:8081/index.Android.bundle?platform=android,如果長時間轉圈不顯示或者一直都不顯示;這個有可能是由於node的版本問題,可以使用npm下載最新的node版本,之後再執行就沒有問題了。
2,檢查硬體連線,使用adb devices 來看手機是否與電腦準確連線,如果成功,會出現一串字串,裝置顯示為device而不是unauthoried(未授權);重新用USB將手機和電腦連線起來,在嘗試一下
3, 從裝置獲取開發伺服器
一, 使用 adb 反轉

請注意這個選項只支援執行在安卓 5.0+ (API 21) 上面的裝置。

使用 USB 將你的裝置連線,並開啟除錯模式(可以看看上面如何在你的裝置上面允許 USB 除錯模式)。

        - 執行 adb reverse tcp:8081 tcp:8081

        - 你可以使用 Reload JS 和其他開發者引數,而不需要額外的配置

           二,通過 Wi-Fi 來配置裝置並且連線上你的開發者伺服器

要做到這一點,你的電腦和你的手機必須在同一個 wifi 網路下。

    - 開啟震動選單 (搖動裝置)

    - 前往 Dev Settings

    - 前往 Debug server host for device

    - 輸入該裝置的 IP 和 Reload JS
  • 如果還沒有解決那就把USB關閉重新開啟,在連線一次試一下
    4,搖一搖手機選擇Dev Settings 輸入IP:8081的。
    基本上這些辦法是能夠解決這個問題了