React Native 教程的初始化错误答案

【问题标题】：Initialization Errors with React Native TutorialsReact Native 教程的初始化错误
【发布时间】：2016-07-25 14:16:24
【问题描述】：

我刚刚安装了 React Native，并正在尝试按照 React Native 网站上的教程来熟悉它。然而，我最终完成的每个教程只会在 iOS 模拟器中给我一个红色的大错误屏幕。

例如，我按照 React Native 网站上的“Hello World”教程进行操作

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

但是在模拟器中编译运行后遇到这个错误"

“Application TestProject 尚未注册。这可能是由于初始化期间的 require() 错误或调用 AppRegistry.registerComponent 失败”

我很困惑，因为我对 RN 还一无所知，正在严格按照他们的教程进行操作，并且遇到了错误。

请指教？

【问题讨论】：

您使用的是哪个版本的React Native？
他们网站上的最新消息。我按照他们 2 天前在他们的网站上的安装说明执行了安装说明。那么...版本 0.30？
您使用的是哪个操作系统？ Linux、Windows 或 Mac ？当您执行 react-native run-ios 时，您确定 packager 正在运行吗？
OS X。我按照教程从安装开始，一直到 Hello World 教程。他们网站上的所有内容都是最新的。我正在完全按照他们显示的方式输入。没有任何偏差。

标签： ios react-native xcode8 xcode8-beta3

【解决方案1】：

据我所知，可能有两种可能性：

当您运行 react-native run-ios 时，packager 没有自动启动。如果是这种情况，请手动运行打包程序。为此：

在终端的一个选项卡中运行 react-native start，在另一个选项卡中运行 react-native run-ios。

或者在关注 react native 网站上的文档时，您可能更改了应用程序的名称。喜欢：

您使用react-native init AwesomeProject 创建了一个项目。这里的项目名称是AwesomeProject。

然后更改您的默认index.ios.js 并将组件的名称替换为HelloWorldApp。

class HelloWorldApp extends Component

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

【讨论】：

Ok Packager 正在运行，所以它必须是第二个问题，我完全不知道。我不知道项目名称表示该组件。这次真是万分感谢。我会尝试更正并报告。
是的，就是这样。所以项目名称 100% 总是必须是注册的组件名称？
当你创建一个名为 (AwesomeProject) 的新 react-native 项目时，它会创建一些文件，如 AppDelegate.m 和其他在其代码中使用相同项目名称的文件。虽然您仅在 index 文件上更改了组件的名称，并且代码 AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp); 在这些文件上搜索 HelloWorldApp 作为注册模块，但显然已注册 AwesomeProject。
感谢您的帮助。这几乎阻止了我学习。