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

React Native 是目前最火的开发框架,其他不说了,上Bug。React Native 红屏之Could not connect to development server.

按照  React Native iOS环境搭建 高级版

在mac上  搭建 React Native  环境,运行 项目 若出现了如下情况。

模拟器上  显示

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

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 中的
  1. jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

替换为

  1. jsCodeLocation = [NSURL URLWithString:@"http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true"];
原因之一:做本地局域网开发环境,大部分都会做服务器映射处理,localhost 被指向特定的IP 而不是本机的127.0.0.1, 就会出现这样的问题。

 

上一篇:Windows Server 2012 R2域控制器部署


下一篇:Android Studio 学习笔记(五):WebView 简单说明