2016-07-25 7 views
0

React Nativeをインストールしたばかりで、React Native Webサイトのチュートリアルに従ってみると慣れています。しかし、すべてのチュートリアルでは、iOS Simulatorで大きな赤いエラー画面が表示されてしまいます。一例として、ネイティブチュートリアルによる初期化エラー

、私はアプリケーションTestProjectが持っている「

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

リアクトネイティブのウェブサイト上で「Hello World」のチュートリアルに従ったが、シミュレータでのコンパイルと実行した後に、このエラーと会っています登録されていません。これは、初期化中のrequire()エラーまたはAppRegistry.registerComponentの呼び出しが失敗したためです。

RNについてまだ何も知りませんので、チュートリアルを手紙に従っていてエラーが発生しています。

お知らせください

+0

「React Native」のどのバージョンを使用していますか? –

+0

最新情報はサイトにあります。私は2日前に自分のサイトにインストール指示を出しました。だから...バージョン0.30? – bmoneruxui

+0

どのOSを使用していますか? 'Linux'、' Windows'、 'Mac'? 'packager 'はあなたが' react-native run-ios'を実行したときに実行されていますか? –

答えて

0

私の知っているように、2つの可能性があるかもしれません:?

  1. あなたはreact-native run-iospackager自動的に起動しませんでしたそのような場合、ファイル名を指定して実行を実行します。 Packager Manually。これを行うには:

端末の1つのタブでreact-native startを実行し、別の実行でreact-native run-iosを実行します。

  1. または、反応するネイティブのサイトのドキュメントに従っているときに、アプリケーションの名前を変更した可能性があります。 Like:

react-native init AwesomeProjectを使用してプロジェクトを作成しました。プロジェクトの名前はAwesomeProjectです。

デフォルトのindex.ios.jsを変更し、コンポーネント名をHelloWorldAppに変更しました。

+1

Ok Packagerが動作しているので、2番目の問題でなければなりません。私は完全に認識しませんでした。 プロジェクト名がコンポーネントを示していることに気づいていませんでした。これありがとう。私は訂正して報告するつもりです。 – bmoneruxui

+0

はい、これはそれでした。プロジェクト名100%は常に登録されたコンポーネント名でなければなりませんか? – bmoneruxui

+1

名前( 'AwesomeProject')を持つ新しい反応ネイティブプロジェクトを作成すると、' AppDelegate.m'のようないくつかのファイルが作成され、コード内に同じプロジェクト名を使用するものも作成されます。コンポーネントの名前を 'index'ファイルとコード' AppRegistry.registerComponent( 'HelloWorldApp'、()=> HelloWorldApp)のみで変更したが、 'HelloWorldApp'を明らかに' AwesomeProject 'として登録されています。 –