React Native 紅屏之Could not connect to development server.

React Native 是目前最火的開發框架，其他不說了，上Bug。

 

按照   React Native iOS環境搭建 高級版   

在mac上  搭建 React Native  環境，運行 項目 若出現了如下情況。 

模擬器上  顯示

 

 

 

Xcode 打印

2016-02-16 17:01:49.806 [info][tid:com.facebook.React.JavaScript][RCTJSCProfiler.m:63] JSC profiler is not supported.

2016-02-16 17:01:50.089 [fatal][tid:main] Could not connect to development server.

 

Ensure the following:

- Node server is running and available on the same network - run 'npm start' from react-native root

- Node server URL is correctly set in AppDelegate

 

URL: http://localhost:8081/index.ios.bundle?platform=ios&dev=true

 

 

請將項目中 AppDelegate.m 中的

 

 

 

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

 

 

替換為

 

jsCodeLocation = [NSURL URLWithString:@"http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true"];

 

 

原因之一：做本地局域網開發環境，大部分都會做服務器映射處理，localhost 被指向特定的IP 而不是本機的127.0.0.1， 就會出現這樣的問題。