前言：

React-Native的第一個HelloWorld工程，大多數人都能跑起來，可也有一部分人卡在第一個工程，就是難以跑出正確的介面，乾著急…

我這裡給出我遇到的坑，希望能夠幫助你，首先，給出我現在的開發環境版本：

版本宣告：

Node.js : v8.9.4

React-native: 0.53.3

Android studio 2.2.3(gradle自帶的版本是2.14.1)

如果你也是React-native 0.48以後的新版本，那麼恭喜你，我解決的問題可能就是你需要的

1.版本差異：

現在網上在給出接入環境報錯的大多數都是0.48以前的版本解決方案，0.48以前的版本根目錄下還有index.android.js和index.ios.js兩個js檔案，而在0.48以後就只有一個App.js這個檔案了

2.問題出現：

         可能大多數人第一次跑起工程時就會遇到下面的經典錯誤：

看到這裡大家各種百度，應該搜尋到的解決方案最多的是類似於下面這種：

但是，按照方法來並沒有卵用，因為它是0.48以前的版本解決方案，我們只需要新init一個專案，按照我的解決方法來，應該就能解決你的問題（不能解決的請給我留言）

3.分析問題：

其實0.48以後工程專案結構是完整的，不可能出現第一種錯誤index.android.bundle找不到的問題，所以真正的問題只能是後半句：make sure you are running a packager server

3.問題分析：

我們給張模擬的react-native執行的原理圖看一下：

如圖，我們可以看出問題可能出現在：

（1）	電腦react-native 伺服器根本沒起來，或者沒有被recognized識別到
（2）	手機配置的IP、埠與電腦伺服器的IP、埠不一致

4.問題解決

第一步，檢查JsServer是否正確開啟

判斷伺服器是否開啟，當我們執行 react-native run-android 命令時，分兩種情況：

(a)當前命令視窗提示startingjs service ，並自動彈出一個啟動service的視窗，提示js service成功run在 8081埠，那麼恭喜你，這一步你成功了，可以直接進行第二步 ；
(b)當前命令視窗不能自動彈出一個啟動service視窗，需要自己先執行react-natvie start 命令手動開啟一個服務視窗，再另啟動一個視窗執行react-native run-android命 令；
(i)如果提示JsService already started，那麼恭喜你，你也可以進入第二步了；
(ii)如果你的命令視窗提示黃色字型JS server not recognized , continuing with build
 

那麼，恭喜你，趕緊關掉視窗吧，你的js server 都沒有成功開啟，你可以提前終止任務了

JSserver not recognized解決：

         這種問題出現，說明你的8081埠被其他程式佔用了，你可以在命令列輸入netstat -aon|findstr "8081"，你會發現一堆程式佔用8081埠，我的就是被java.exe程式頑固佔用，殺死又重啟佔用，沒辦法我只能react-native 伺服器換埠，解決方法如下：

(1)    新開一個視窗，例如執行react-native start --port 9043 --reset-cache 換一個沒有程式在用的埠（你可以執行netstat -aon|findstr "9043"看有沒有程式在用 這個埠 ）
(2)    新開一個視窗，執行react-native run-android --port 9043
(3)    開啟手機或者模擬器的dev setting 設定IP埠，IP為計算機IP，埠為9043
(4)    再次執行react-native run-android --port 9043

第二步，檢查手機和電腦IP埠是否一致

         這裡除錯分為兩種情況：

(1)    run在真機上要保證電腦和手機處在同一區域網wifi中，手機能夠ping通電腦，並設定電腦的IP和埠，真機上就是搖晃手機，可以出現設定彈窗（注意手動開啟應用懸浮窗許可權），點選DEV setting ，選擇debug server host&port for device 選項，設定IP埠為電腦的IP埠（這裡的埠是前面說的JsService 開啟的埠，預設是 8081，如果你重設了Js Service 埠，例如9043，那麼你要改成ip:9043）
(2)    run在模擬器上，如果是原生模擬器，預設的IP是10.0.2.2這個不用改的，埠改成你Js Server對應的埠就行了，如果run在genymotion上，你可以設定成localhost:8081（你自己Js Server的埠） 

參考 ： https://stackoverflow.com/questions/47341120/js-server-not-recognized-continuing-with-build