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 中的

[objc] view plain copy print?

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

替换为

[objc] view plain copy print?

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

原因之一：做本地局域网开发环境，大部分都会做服务器映射处理，localhost 被指向特定的IP 而不是本机的127.0.0.1，就会出现这样的问题。

转载于:https://www.cnblogs.com/tangyuanby2/p/5306519.html

React Native 红屏之Could not connect to development server.相关推荐

react native 红屏
最经在学习react native时出现红屏的问题大致问题是找不到index.android的问题执行代码为react-native run-android 其实问题出在你的硬件设备没有连接本 ...
React Native 红屏问题的解决
">今天试着搭建一下react native的应用,搭建环境ok,执行react-native run-android 结果显示 BUILD SUCCESSFUL,goodjob, 拿 ...
React Native 红屏报错 Unable to load script from assets
出现上面的报错,先确认rn服务是否运行成功有的情况下是启动失败,或是启动后意外关闭了,或是端口不一致. 这里记录一下另外一种情况: 如果是从GITHUB上面新CLONE下来的项目 ,可能 andro ...
React—Native开发之 Could not connect to development server（Android）解决方法
React-Native开发之 Could not connect to development server(Android)解决方法参考文章: (1)React-Native开发之 Could ...
React Native Reload（双击R）红屏 Could not connect to development server
如图所示,Reload 或者双击R后,出现大红屏. 总结一下,问题主要出现在下面三个方向. 检查一下,package是否正常运行. 看一下是否忘记启动package,或者提供了错误的监听端口. 看一下 ...
react native 从头开始
1.react-native run-android 报错SDK location not found. Define location with sdk.dir in the local.prope ...
初次接触React Native遇到的问题
具体的搭建环境过程就不细说了,官方文档说的很详细,按照文档一步步操作就可以,需要注意下Android Studio安装和下载所需的SDK需要占用很大空间大约20G,注意磁盘空间是否充足. React ...
React Native开发错误警告处理总结（已解决！持续更新）
注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者.文中有不妥的地方希望指出共同学习,同时欢迎大神补充.(之后我会放出自己开发整理的笔记和GithubDemo地址, ...
React Native在Android当中实践（五）——常见问题
React Native在Android当中实践(一)--背景介绍 React Native在Android当中实践(二)--搭建开发环境 React Native在Android当中实践(三)--集 ...

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

React Native 红屏之Could not connect to development server.相关推荐

最新文章

热门文章