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， 就会出现这样的问题。