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困擾了我好久。今天就將自己的解決辦法分享出來,來幫助更多的網友。


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



先來翻譯:


連接不到開發的服務器。

請按照以下的步驟來修復此問題:

  • 確保包服務器在運行
  • 確保你的設備或者模擬器連接着電腦,並且手機打開了USB調試模式,然后在cmd中運行adb devices來查看已經連接好的設備列表
  • 確保飛行模式是關閉的
  • 如果是使用真機來開發,輸入 adb reverse tcp:8081 tcp:8081來檢查設備
  • 輸入IP:8081(這個大家都會)



解決方法:


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

       在項目文件夾下輸入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,之后包服務器打開,網頁可以正常訪問,如下所示:



2、檢查硬件連接,以及使用adb devices來查看是否連接成功。

3、飛行模式關閉

4、在cmd中輸入 adb reverse tcp:8081 tcp:8081,結果如下:



當我看到error:closed我就猜到,大哭原來我的問題出在這兒。怎么辦呢?


個人認為解決辦法如下:

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

  • 重啟手機,usb調試打開再關閉一次

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


本人測試機為android 5.0+系統,使用第二種方法解決問題。結果如下:




5、搖一搖手機選擇Dev Settings 輸入IP:8081的方法就不多說了。


       至此,解決了Could not connect to development server(Android)的問題,本人的測試機為魅藍metal,系統是

Android 5.0+的系統,所以可能和各位小伙伴的情況不太一樣,大家可以參考參考。文章寫得不太好,請見諒。



如果對你有幫助,記得點贊哦大笑





免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM