React Native 教程的初始化错误

Question

我刚刚安装了 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 has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent"

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

请指教？

Answer 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);

React Native 教程的初始化错误

Initialization Errors with React Native Tutorials

ios

react-native

xcode8

xcode8-beta3