React Native Tutorials的初始化错误

时间:2016-07-25 14:16:24

标签: ios react-native xcode8 xcode8-beta3

我刚刚安装了React Native,并且我正在尝试按照React Native网站上的教程来习惯它。但是,我最终做的每个教程都只是在iOS模拟器中给我一个大的红色错误屏幕。

作为一个例子,我关注了" Hello World" React Native网站上的教程

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

但在模拟器&#34;

中编译并运行后遇到此错误

&#34; Application TestProject尚未注册。这可能是由于初始化期间发生require()错误或无法调用AppRegistry.registerComponent&#34;

我很困惑,因为我对RN一无所知,正在按照他们的教程写信,并且收到错误。

请指教?

1 个答案:

答案 0 :(得分:0)

我知道可能有两种可能性:

  1. 当您react-native run-ios时,packager没有自动启动。如果是这种情况,手动运行打包程序。为此:
  2. 在您的终端的一个标签页中运行react-native start,然后在另一个标签react-native run-ios中运行。

    1. 或者在本地站点的反应中跟踪文档时,您可能已经更改了应用程序的名称。像:
    2. 您使用react-native init AwesomeProject创建了一个项目。此处的项目名称为AwesomeProject

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

      class HelloWorldApp extends Component
      
      AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);