ios - react native : Could not connect to development server

Question

我有一个非常简单的 React Native 项目，我正试图开始工作。它是一个 iOS 项目，只是将 RCTRootView 添加到 UIViewController。当我从 Xcode 运行该应用程序时，出现红屏错误:

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

AppDelegate.h

@property (strong, nonatomic) RCTRootView *rootView;

AppDelegate.m 在 application: didFinishLaunchingWithOptions:

NSURL *jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios"];
self.rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"HelloReact" initialProperties:nil launchOptions:launchOptions];

ViewController.m 在 viewDidAppear:

AppDelegate *delegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];
[self.view addSubview:delegate.rootView];

我不知道如何解决这个问题。我已经尝试了以下所有方法:

• npm 开始
• npm 启动 --reset-cache
• 删除 node_modules 目录并重新安装
• 卸载并重新安装 node、watchman、react-native 和 npm
• 在物理设备和模拟器上试过

有没有人在我的代码中看到任何错误或知道问题可能是什么？我愿意通过电子邮件或电话交谈来解决这个问题。我越来越绝望了。

我同时遇到了问题。这是我问的另一个问题，其中可能包含一些信息:React Native: Unable to Resolve Module

Answer 1

在 iOS 设备上运行 React Native 应用程序需要指定主机的 IP 地址而不是 localhost:

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

可以找到更具体的说明in this answer .