React—Native開發之 Could not connect to development server（Android）解決方法

 

 

寫在最前面：

    原本，我是有一篇博客 RN開發之BUG 總結（持續更新） 來專門總結本身在React-Native開發中遇到的各類BUG 以及其解決辦法的。

可是，因爲 Could not connect to development server是我深惡痛絕的一個超級大BUG。

爲何這麼說呢？

      由於這個BUG並不容易在網上找到解決方法。網上確實有這個BUG，可是大部分都是解決IOS開發中遇到的，一

些老外的網站中也在討論這個問題，好不容易找到點和我問題相似的，還並無給出肯定的解決方案，實在是讓我鬱

悶，並且這個BUG困擾了我很久。今天就將本身的解決辦法分享出來，來幫助更多的網友。

一、咱們首先看一下這個大紅屏錯誤吧。如圖所示：

先來翻譯：

鏈接不到開發的服務器。

請按照如下的步驟來修復此問題：

• 確保包服務器在運行
• 確保你的設備或者模擬器鏈接着電腦，而且手機打開了USB調試模式，而後在cmd中運行adb devices來查看已經鏈接好的設備列表
• 確保飛行模式是關閉的
• 若是是使用真機來開發，輸入 adb reverse tcp:8081 tcp:8081來檢查設備
• 輸入IP：8081（這個你們都會）

解決方法：

一、首先檢查包服務器是否運行正常。

       在項目文件夾下輸入react-native start或者npm start都可開啓服務器，可是咱們須要在PC端確認包服務器是否運行正常。檢查網址爲：http://localhost:8081/index.android.bundle?platform=android

（1）說說我遇到的問題，開啓包服務器以後，cmd中顯示以下：

出現React packager ready就走不動了。

      當我看開http://localhost:8081/index.android.bundle?platform=android網址 時，沒有正常顯示，可是也沒

有顯示「該網頁沒法訪問」，只是一直在轉圈圈刷新網頁，就是打不開。

如今我定位了本身的問題（難怪之前輸入IP：8081並無什麼鳥用）

如何解決？

答：通過個人觀察，包服務器中使用到了node，因此應該和node版本和配置有必定的關係。因此我就卸掉

node，從新安裝了最新版本的node，以後包服務器打開，網頁能夠正常訪問，以下所示：

二、檢查硬件鏈接，以及使用adb devices來查看是否鏈接成功。

三、飛行模式關閉

四、在cmd中輸入 adb reverse tcp:8081 tcp:8081，結果以下：

當我看到error：closed我就猜到，原來個人問題出在這兒。怎麼辦呢？

我的認爲解決辦法以下：

• 手機-設置-應用程序-開發-usb調試打開再關閉一次

• 重啓手機，usb調試打開再關閉一次

• 在cmd下Try "adb kill-server" and then "adb start-server"

本人測試機爲android 5.0+系統，使用第二種方法解決問題。結果以下：

五、搖一搖手機選擇Dev Settings 輸入IP：8081的方法就很少說了。

       至此，解決了Could not connect to development server（Android）的問題，本人的測試機爲魅藍metal，系統是

Android 5.0+的系統，因此可能和各位小夥伴的狀況不太同樣，你們能夠參考參考。文章寫得不太好，請見諒。

若是對你有幫助，記得點贊哦